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_",[2069,2070],{"name":1985,"color":1986},{"name":1988,"color":1989},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6973038,{"description":2077,"labels":2078,"number":2082,"owner":1994,"repository":2083,"state":2012,"title":2084,"updated_at":2085,"url":2086,"score":2087},"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",[2079],{"name":2080,"color":2081},"vitest-environment","b60205",557,"test-utils","_fetch is not a function","2023-12-02T00:22:09Z","https://github.com/nuxt/test-utils/issues/557",0.70335776,{"description":2089,"labels":2090,"number":2091,"owner":1994,"repository":2092,"state":2012,"title":2093,"updated_at":2094,"url":2095,"score":2096},"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,"scripts","Suggestion: Posthog [analytics]","2024-09-03T16:06:49Z","https://github.com/nuxt/scripts/issues/206",0.70785266,{"description":2098,"labels":2099,"number":2100,"owner":1994,"repository":2101,"state":2012,"title":2102,"updated_at":2103,"url":2104,"score":2105},"After installing an `@iconify-json/*` package (`@iconify-json/mdi` in my scenario), the following error gets spit out when the `/api/_nuxt_icon/:collection` endpoint is called\r\n\r\n\r\n\r\nIt seems to be caused by the dynamic import missing the json import attribute on line 120 of `module.ts` https://github.com/nuxt/icon/blob/85a0e7b940725561f35656d75a99179f88cecef8/src/module.ts#L120 \r\n\r\nAdding `{ with: { type: 'json' } }` as a second parameter resolves the error for me:\r\n\r\n```js\r\nimport('@iconify-json/${collection}/icons.json', { with: { type: 'json' } }).then(m => m.default)`\r\n```",[],186,"icon","Locally installed `@iconify-json/*` packages result in 'needs an import attribute of type \"json\"' error","2024-07-15T15:35:07Z","https://github.com/nuxt/icon/issues/186",0.7094645,["Reactive",2107],{},["Set"],["ShallowReactive",2110],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"faN5rRP3eF62K1YW4TWZeLs_ewIAqinhsVISRM0MtgQ":-1},"/nuxt/icon/119"]