\n \u003C/div>\n[...]\n\u003C/template>\n```\n\nThe icon (which is and remains black) does not accept any color, while any standard implementation (icon from a downloaded icon set like mdi) does indeed change the color of an icon.\n\n(Just in case this is not an error: What kind of \"treatment\" do I have to apply to make my icon accept color?)",[],307,"icon","closed","custom local collections do not accept props like color","2024-11-23T10:19:42Z","https://github.com/nuxt/icon/issues/307",0.58468384,{"description":2881,"labels":2882,"number":2886,"owner":2863,"repository":2887,"state":2875,"title":2888,"updated_at":2889,"url":2890,"score":2891},"Similar to https://github.com/nuxt/scripts/issues/30, this will block the public announcement.\r\n\r\nThese are several items that should be completed for the public release of the module. Any contributions are more than welcome.\r\n\r\n## Outstanding Issues\r\n\r\n- [x] https://github.com/nuxt/scripts/issues?q=sort%3Aupdated-desc+is%3Aissue+is%3Aopen+label%3Apre-announce++label%3Abug\r\n\r\n## Nuxt\r\n\r\n- [x] Nuxt Script bindings\r\n- [x] Create a module on [nuxt/modules](https://github.com/nuxt/modules): https://github.com/nuxt/modules/pull/953\r\n\r\n## [Documentation](https://scripts.nuxt.com/)\r\n\r\n### **Content** \r\n\r\n- [x] Review all content, fix typos, grammar etc\r\n- [x] Blog article introducing Nuxt Scripts\r\n- [x] Rewrite confetti tutorial for home page usage\r\n- [x] https://github.com/nuxt/scripts/issues/69\r\n\r\n### :warning: **Breaking Changes**\r\n\r\n- https://github.com/nuxt/scripts/commit/038d891502c5c5c945c59f42031095ddf43433e1\r\n- https://github.com/nuxt/scripts/commit/6abc6a2ba5997a99a50dd8133c8b88fcd0ed4daf\r\n- https://github.com/nuxt/scripts/commit/d32e0d88f88def586dd24969667ddfbe3a50544f\r\n- https://github.com/nuxt/scripts/commit/74235272a480d4d8928327d5760e0ce277f05c53\r\n\r\n### **Home Page**\r\n\r\n- [x] Add 1-2 \"feature\" (problem / solution) elements to the home page, \r\n\r\n## Nuxt Scripts\r\n\r\n### Tests\r\n\r\n- [x] e2e Bundling tests\r\n - [x] registry script\r\n\r\n### Module Integrations\r\n\r\n- [x] https://github.com/nuxt-modules/turnstile/pull/306 - Provides a sanity check that the API can support module integrations\r\n\r\n\r\n",[2883],{"name":2884,"color":2885},"pre-announce","c2e0c6",47,"scripts","Public Announce Tasks","2024-08-16T13:00:58Z","https://github.com/nuxt/scripts/issues/47",0.6341922,{"description":2893,"labels":2894,"number":2895,"owner":2863,"repository":2887,"state":2875,"title":2896,"updated_at":2897,"url":2898,"score":2899},"Docs: https://posthog.com/docs/libraries/js\r\n\r\nFor reference this is how I currently instrument it:\r\n\r\n```\r\nimport { Capacitor } from '@capacitor/core'\r\nimport { posthog } from 'posthog-js'\r\nimport { appVersion } from '~/shared/version'\r\n\r\nexport default defineNuxtPlugin({\r\n name: 'analytics',\r\n setup() {\r\n if (import.meta.env.TEST) {\r\n return\r\n }\r\n\r\n const config = useRuntimeConfig()\r\n const router = useRouter()\r\n\r\n if (config.public.analyticsReportingEnabled) {\r\n posthog.init(config.public.posthog.dsn, {\r\n capture_pageview: false,\r\n capture_pageleave: true,\r\n api_host: config.public.posthog.apiHost,\r\n disable_session_recording: true,\r\n advanced_disable_decide: true,\r\n advanced_disable_feature_flags: true,\r\n advanced_disable_feature_flags_on_first_load: true,\r\n enable_recording_console_log: false,\r\n autocapture: false\r\n })\r\n\r\n posthog.register({\r\n environment: config.public.appEnvironment,\r\n countryCode: config.public.appCountryCode,\r\n release: appVersion,\r\n platform: Capacitor.getPlatform(),\r\n native: Capacitor.isNativePlatform()\r\n })\r\n\r\n router.afterEach(to => {\r\n posthog.capture('$pageview', {\r\n $current_url: to.fullPath\r\n })\r\n })\r\n }\r\n\r\n return {\r\n provide: {\r\n analytics: posthog\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\nand after the user has logged in or we detect they are already logged in on page load:\r\n\r\n```\r\nthis.analytics.identify(userId, {\r\n email\r\n roles\r\n})\r\n ```\r\n \r\n Thanks!\r\n\r\n",[],206,"Suggestion: Posthog [analytics]","2024-09-03T16:06:49Z","https://github.com/nuxt/scripts/issues/206",0.63469934,{"description":2901,"labels":2902,"number":2904,"owner":2863,"repository":2864,"state":2875,"title":2905,"updated_at":2906,"url":2907,"score":2908},"Hello,\r\n\r\nI'v been trying to use msw along with this module in order to mock requests. However, any component using $fetch or useFetch raises a FetchError when mounting.\r\nIs there anything I've been missing here? I know the msw examples using react polyfill the fetch function, but I don't know how to do it in a nuxt environment.\r\n\r\n```\r\n// app.nuxt.test.ts\r\nimport { test } from 'vitest'\r\nimport app from './app.vue'\r\nimport { mount } from '@vue/test-utils'\r\n\r\ntest('my test', () => {\r\n // setup({ server: true })\r\n // global.fetch = fetch\r\n // globalThis.fetch = fetch\r\n // await mount(app)\r\n mount(app)\r\n})\r\n```\r\n\r\n```\r\n// app.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nconst test = await $fetch('https://google.com')\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n",[2903],{"name":2860,"color":2861},557,"_fetch is not a function","2023-12-02T00:22:09Z","https://github.com/nuxt/test-utils/issues/557",0.6436737,{"description":2910,"labels":2911,"number":2916,"owner":2863,"repository":2917,"state":2875,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Description\n\nNuxt UI should have the potential to open native links in a Nuxt UI Modal by simply adding a certain `modal` parameter in [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link).\n\n`\u003CNuxtLink to=\"/about\" modal>About page shown in modal but can also be opened natively (e.g. new tab)\u003C/NuxtLink>`\n\nThe link should still be a native link with progressive enhancement, so _if users would like to open the URL in a new tab, they can do_! If not, it will open the content in a modal.\n\nThat would be great DX and UX! 🎉\n\nThe `modal` property is just one possible solution, maybe there's even a better one using a native HTML property like `rel=\"modal\"`, we should discuss that.\n\nIn future versions there might be further control parameters to override the defaults for\n\n- modal size\n- modal style\n- modal opacity\n- ...\n\nBut let's start simple.\n\nSomething similar was done here, but I think this should really be part of Nuxt UI or even Nuxt Core.\nhttps://nuxt-pages-plus.pages.dev/components/plus-modal-link\n\n### Additional context\n\n_No response_",[2912,2913],{"name":2857,"color":2858},{"name":2914,"color":2915},"v3","49DCB8",3298,"ui","Enhance NuxtLink to open in Modal using a \"modal\" property","2025-03-08T12:21:53Z","https://github.com/nuxt/ui/issues/3298",0.6457144,{"description":2923,"labels":2924,"number":2925,"owner":2863,"repository":2926,"state":2875,"title":2927,"updated_at":2928,"url":2929,"score":2930},"I am using the module with `fontshare` as a provider. When checking `pageInsights` it shows that `@font-face` is not being used. When adding `fontain` module it resolves the issue.\r\n\r\n\u003Cimg width=\"741\" alt=\"Screenshot 2024-06-22 at 23 39 50\" src=\"https://github.com/nuxt/fonts/assets/33263129/a91b98cd-7b15-4a13-9588-35bd8c0a0366\">\r\n\r\n\r\n\u003Cimg width=\"663\" alt=\"Screenshot 2024-06-22 at 22 38 07\" src=\"https://github.com/nuxt/fonts/assets/33263129/0fe5a298-1dd2-4fb3-b476-520be7d2ac08\">\r\n\r\n\r\nwhen using `fontain`\r\n\r\n\r\n\u003Cimg width=\"964\" alt=\"Screenshot 2024-06-22 at 22 34 07\" src=\"https://github.com/nuxt/fonts/assets/33263129/dca00dbe-a0bc-4163-a55b-e584f97a2506\">\r\n\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.14.0`\r\n- Nuxt Version: `3.12.2`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.6`\r\n- Package Manager: `npm@10.7.0`\r\n- Builder: `-`\r\n- User Config: `devtools`, `future`, `modules`, `runtimeConfig`, `app`, `routeRules`, `devServer`, `build`, `fonts`, `tailwindcss`\r\n- Runtime Modules: `@nuxt/eslint@0.3.13`, `@nuxtjs/tailwindcss@6.12.0`, `@nuxt/image@1.7.0`, `@nuxt/fonts@0.7.0`, `@nuxtjs/fontaine@0.4.3`\r\n- Build Modules: `-`\r\n",[],182,"fonts","`@font-face` not used with `fontshare` provider","2024-09-23T12:32:00Z","https://github.com/nuxt/fonts/issues/182",0.6559859,{"description":2932,"labels":2933,"number":2934,"owner":2863,"repository":2874,"state":2875,"title":2935,"updated_at":2936,"url":2937,"score":2938},"Hello, I've just updated nuxt-icon to 0.6.5 and the icons in my app that I had in this form no longer display correctly, I just have text instead of icons.\r\n\r\n**Example of icons that no longer work**\r\nmdi-microphone\r\nmdi-plus\r\nmdi-close\r\netc...",[],119,"Upgrade from 0.6.1 to 0.6.5 breaks icons like \"mdi-microphone\"","2023-11-30T11:04:21Z","https://github.com/nuxt/icon/issues/119",0.6575616,{"description":2940,"labels":2941,"number":2944,"owner":2863,"repository":2917,"state":2875,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\n[CommandPalette](https://ui3.nuxt.dev/components/command-palette) is great but I wish it could display only an input by default and then open the content in a popper when clicking in the input. I think this is currently not possible but a very common use case. \n\nThis is what I would like to archive, screenshots from Shopify:\n\n\n\n\n\n\n\n### Additional context\n\n_No response_",[2942,2943],{"name":2857,"color":2858},{"name":2914,"color":2915},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.6624803,{"description":2950,"labels":2951,"number":2956,"owner":2863,"repository":2917,"state":2875,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Environment\n\n\n\nI get this error anytime I try and use \u003CUInput /> even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2952,2955],{"name":2953,"color":2954},"bug","d73a4a",{"name":2914,"color":2915},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.66909385,["Reactive",2962],{},["Set"],["ShallowReactive",2965],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDe7fyOfPGu9h3biuYzFscpUvO1URYBUPwtzuNoJYjPk":-1},"/nuxt/fonts/65"]