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_",[3083,3084],{"name":3054,"color":3055},{"name":3057,"color":3058},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6973788,{"description":3091,"labels":3092,"number":3099,"owner":3028,"repository":3028,"state":3061,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v18.7.0`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `npm@8.15.0`\r\n- Builder: `vite`\r\n- User Config: `srcDir`, `modules`, `compilerOptions`, `vue`, `vite`, `telemetry`, `algolia`, `head`, `auth`, `css`, `build`, `runtimeConfig`\r\n- Runtime Modules: `genesis-design-system/nuxt`, `@nuxtjs/tailwindcss@5.3.5`, `@nuxtjs/algolia@1.1.4`, `@nuxtjs-alt/auth@2.0.20`, `@nuxtjs/device@3.0.0`, `unplugin-icons/nuxt`, `@pinia/nuxt@0.4.3`, `@nuxtjs/i18n@8.0.0-alpha.3`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nFor some time here, when we start the server, the first request we make through the browser works fine. If we browse the web through the links everything works fine.\r\nHowever, if we reload the same url twice through f5 or through the address bar, the web becomes saturated, and it presents the aspect that I show you.\r\n\r\nIt seems that everything has to do with those javascript resources that are waiting to be loaded.\r\n\r\n\r\n\r\n\r\nAny ideas?\n\n### Describe the bug\n\nFor some time here, when we start the server, the first request we make through the browser works fine. If we browse the web through the links everything works fine.\r\nHowever, if we reload the same url twice through f5 or through the address bar, the web becomes saturated, and it presents the aspect that I show you.\r\n\r\nIt seems that everything has to do with those javascript resources that are waiting to be loaded.\r\n\r\nAny ideas?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3093,3096,3097,3098],{"name":3094,"color":3095},"3.x","29bc7f",{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},15197,"crashed app in navigator second request","2023-01-19T17:46:04Z","https://github.com/nuxt/nuxt/issues/15197",0.70123935,{"labels":3105,"number":3122,"owner":3028,"repository":3028,"state":3061,"title":3123,"updated_at":3124,"url":3125,"score":3126},[3106,3107,3110,3113,3116,3119],{"name":3094,"color":3095},{"name":3108,"color":3109},"workaround available","11376d",{"name":3111,"color":3112},"nitro","bfd4f2",{"name":3114,"color":3115},"upstream","E8A36D",{"name":3117,"color":3118},"windows","C681FD",{"name":3120,"color":3121},"upstream-bug","B60205",13860,"Dev server frequently freezes when using NX and Prisma","2023-05-10T22:02:21Z","https://github.com/nuxt/nuxt/issues/13860",0.7053379,{"description":3128,"labels":3129,"number":3132,"owner":3028,"repository":3028,"state":3061,"title":3133,"updated_at":3134,"url":3135,"score":3136},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz\n\n### Describe the bug\n\nTo test the latest stable nuxt 3 version, I followed the steps on your [Installation](https://nuxt.com/docs/getting-started/installation) page to create a new project. When I ran the project with the command `npm run dev -- -o`, \r\nI got the following error:\r\n\r\n```error\r\n500\r\n\r\n[vite-node] [ERR_INVALID_URL_SCHEME] /node_modules/ufo/dist/index.mjs\r\n\r\nat /node_modules/ufo/dist/index.mjs\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\nNuxi 3.0.0\r\nNuxt 3.0.0 with Nitro 1.0.0\r\n\r\n > Local: http://localhost:3000/ \r\n > Network: http://192.168.1.46:3000/\r\n\r\n\r\n ERROR (node:7976) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\n\r\ni Vite client warmed up in 3900ms\r\n√ Nitro built in 2115 ms\n```\n",[3130,3131],{"name":3094,"color":3095},{"name":3019,"color":3020},15518,"500 - Vite error","2023-01-19T17:52:59Z","https://github.com/nuxt/nuxt/issues/15518",0.707596,{"description":3138,"labels":3139,"number":3142,"owner":3028,"repository":3060,"state":3061,"title":3143,"updated_at":3144,"url":3145,"score":3146},"### Environment\n\nN/A\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\ncommit: 64b703df8d0a7133a381bfcc7af07644d5d15d4c\n\n### Reproduction\n\n```vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUSlideover side=\"left\">\n \u003CUButton label=\"Open Slideover\" color=\"neutral\" variant=\"subtle\" />\n \u003Ctemplate #content>\n \u003CUButton label=\"Show toast\" color=\"neutral\" variant=\"outline\" @click=\"showToast\" />\n \u003C/template>\n \u003C/USlideover>\n\n \u003Cbr>\n\n \u003CUModal>\n \u003CUButton label=\"Open Modal\" color=\"neutral\" variant=\"subtle\" />\n \u003Ctemplate #content>\n \u003CUButton label=\"Show toast\" color=\"neutral\" variant=\"outline\" @click=\"showToast\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst toast = useToast()\n\nfunction showToast() {\n toast.add({\n title: 'Test',\n duration: 60 * 1000\n })\n}\n\u003C/script>\n```\n\n### Description\nFollowing #2404 resolved via b0be26d67feab467ac5862edd82e52df03a5091c\n\nWhile a Slideover or Modal are open trigger a Toaster and try to interact with it.\n\n\nhttps://github.com/user-attachments/assets/945c1f96-7556-42a6-b7e7-f88373b6e38f\n\n",[3140,3141],{"name":3054,"color":3055},{"name":3057,"color":3058},2646,"[v3] Toaster gets rendered behind Slideover's and Modal's overlays","2024-11-15T10:59:18Z","https://github.com/nuxt/ui/issues/2646",0.70822686,{"description":3148,"labels":3149,"number":3153,"owner":3028,"repository":3060,"state":3061,"title":3154,"updated_at":3155,"url":3156,"score":3157},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nThank you in advance for your help!\n\nWe’re using Nuxt UI Pro for styling in our application, which primarily uses a language other than English. When working with the `SelectMenu` component and enabling the `multiple` prop, the displayed value shows \"1 selected\" (or similar text like \"{x-number} selected\"). Instead, we’d like to display the actual selected value(s) of the SelectMenu, like when NOT using the `multiple` prop, if just one item is selected. And any more than that, we need to display the \"{x-number} selected\" it in our language, not English.\n\nDo I need to create a custom wrapper component for this, or is there a simpler way to customize the displayed text? I’m not that deep on frontend development and manipulating package classes in Nuxt 3, so I’d appreciate guidance on how to approach this issue.\n\nI’ve reviewed the source code here: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue but couldn’t figure out how to achieve this.\n\nI see the code where the const for the label is generated, but whats the best approach to change that for us?\n\n```\n const label = computed(() => {\n if (!props.modelValue) return null\n\n if (Array.isArray(props.modelValue) && props.modelValue.length) {\n return `${props.modelValue.length} selected`\n } else if (['string', 'number'].includes(typeof props.modelValue)) {\n return props.valueAttribute ? accessor(selected.value, props.optionAttribute) : props.modelValue\n }\n\n return accessor(props.modelValue as Record\u003Cstring, any>, props.optionAttribute)\n })\n```\n\nAny advice or direction would be greatly appreciated!",[3150],{"name":3151,"color":3152},"question","d876e3",2867,"How can I change the \u003CUSelectMenu> to display the value of a selected item, instead of \"1 selected\" when adding the multiple prop","2024-12-09T11:50:53Z","https://github.com/nuxt/ui/issues/2867",0.70865905,["Reactive",3159],{},["Set"],["ShallowReactive",3162],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f2qjVOiI3zmfrdcUopburABRKNEaHQc5zowya2iPXz4k":-1},"/nuxt/test-utils/1203"]