\n \u003C/UFormField>\n \u003CUFormField label=\"Password\" name=\"password\">\n \u003CUInput v-model=\"state.password\" type=\"password\" />\n \u003C/UFormField>\n \u003CUButton type=\"submit\">\n Submit\n \u003C/UButton>\n \u003C/UForm>\n\u003C/template>\n```\n\n### Additional context\n\n\n\n### Logs\n\n```shell-script\n\n```",[3193,3194,3195],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3196,"color":3197},"triage","ffffff",4095,"UButton works as a link in Inertia","2025-05-07T08:12:17Z","https://github.com/nuxt/ui/issues/4095",0.6890116,{"labels":3204,"number":3211,"owner":3183,"repository":3183,"state":3185,"title":3212,"updated_at":3213,"url":3214,"score":3215},[3205,3208],{"name":3206,"color":3207},"3.x","29bc7f",{"name":3209,"color":3210},"pending triage","E99695",14465,"Template refs can only be addressed correctly during initial loading","2023-01-19T17:35:46Z","https://github.com/nuxt/nuxt/issues/14465",0.6903233,{"description":3217,"labels":3218,"number":3224,"owner":3183,"repository":3183,"state":3185,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Environment\n\nNuxt project info: 15:46:56\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.5.2\r\n- Nitro Version: 2.4.1\r\n- Package Manager: npm@7.17.0\r\n- Builder: vite\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n[reproduction](https://stackblitz.com/github/jbreuil/layout-repro)\r\n\r\nIn this reproduction, the error is triggered when the layout is changed on routing. The error start appearing when adding a ref element in the component. The ref is on a v-for following the [documentation syntax](https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for) and [typing](https://vuejs.org/guide/typescript/composition-api.html#typing-template-refs)\n\n### Describe the bug\n\nRelated to #13309, where people have the same error when using Transition.\r\n\r\nHere the error is the same and triggered at the same time (change of layout on routing to another page). In this reproduction, the error is appearing once we add a ref in the v-for of the component.\r\n\r\nFixed if you downgrade to nuxt 3.3.3\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3219,3220,3221],{"name":3206,"color":3207},{"name":3209,"color":3210},{"name":3222,"color":3223},"upstream","E8A36D",21323,"Layout error when using an Element ref on v-for","2023-07-06T15:39:03Z","https://github.com/nuxt/nuxt/issues/21323",0.69059587,{"description":3230,"labels":3231,"number":3239,"owner":3183,"repository":3183,"state":3185,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.1`\n- Nitro Version: `2.11.9`\n- Package Manager: `pnpm@10.8.0`\n- Builder: `-`\n- User Config: `extends`, `compatibilityDate`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-trixctth\n\nPlease note: I couldn't replicate the exact same error message in Stackblitz as locally, so if I'm doing something wrong on Stackblitz, you can clone the base-layer and consuming-layer repo's from our GitHub for an exact reproduction:\n- https://github.com/kraftersnl/base-layer\n- https://github.com/kraftersnl/consuming-layer\n\n### Describe the bug\n\nEver since Nuxt 3.16 came out, I have been unable to upgrade our projects that use SSR. It's been a while now, so I set myself to investigate where the problem is coming from. I found there's something going wrong when using `useTemplateRef` when using a component from a Nuxt Layer. The error does not happen when pinning Nuxt to 3.15.4. Only when using Nuxt 3.16.x:\n\n**500 Cannot define property btn, object is not extensible**\n\n```vue\n\n\u003Cscript setup lang=\"ts\">\ndefineProps\u003C{ label: string }>();\n\nconst buttonRef = useTemplateRef('btn');\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cbutton ref=\"btn\">{{ label }}\u003C/button>\n\u003C/template>\n```\n\nCheck out the [Full repro](https://stackblitz.com/edit/nuxt-starter-trixctth?file=base%2Fcomponents%2FBaseButton.vue).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3232,3233,3236],{"name":3209,"color":3210},{"name":3234,"color":3235},"layers","006B75",{"name":3237,"color":3238},"possible regression","B90A42",31817,"useTemplateRef issue with Nuxt 3.16: Cannot define property, object is not extensible","2025-05-01T13:14:25Z","https://github.com/nuxt/nuxt/issues/31817",0.6908497,{"description":3245,"labels":3246,"number":3251,"owner":3183,"repository":3184,"state":3185,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@11.2.0\n- Builder: -\n- User Config: typescript, ssr, nitro, runtimeConfig, css, extends, modules, devtools, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@0.7.6, @nuxt/fonts@0.0.1, @vueuse/nuxt@12.7.0, @nuxt/ui@3.0.0-alpha.13, @nuxtjs/mdc@0.13.5, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\n \u003Cdiv class=\"flex gap-2 flex-wrap grow justify-between items-baseline\">\n \u003Cdiv class=\"flex gap-2 items-baseline grow\">\n \u003Cdiv class=\"prose\">\n \u003Ch1>\n XXX\n \u003C/h1>\n \u003C/div>\n \u003Cspan>XXX\u003C/span>\n \u003C/div>\n\n \u003Cdiv class=\"flex gap-2 items-baseline grow\">\n\n \u003CUButton icon=\"i-mdi:close-circle-outline\">XXX\u003C/UButton>\n \u003CUModal>\n \u003CUButton>XXX\u003C/UButton>\n \u003C/UModal>\n \u003CUCheckbox label=\"XXX\">\u003C/UCheckbox>\n \u003CUInput :model-value=\"'XXX'\">\u003C/UInput>\n \u003C/div>\n \u003C/div>\n\n### Description\n\n\n\nButton baseline is on icon and checkbox \n\n### Additional context\n\nflex workaround is not applicable for Checkbox and I want to align button with H1 and span.\n\n### Logs\n\n```shell-script\n\n```",[3247,3248,3249,3250],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3178,"color":3179},{"name":3181,"color":3179},3466,"Button and Checkbox baseline","2025-08-20T02:09:14Z","https://github.com/nuxt/ui/issues/3466",0.69085467,{"description":3257,"labels":3258,"number":3261,"owner":3183,"repository":3184,"state":3185,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.18.0`\n- Nuxt Version: `4.1.1`\n- CLI Version: `3.28.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `npm@11.5.2`\n- Builder: `-`\n- User Config: `runtimeConfig`, `modules`, `devtools`, `supabase`, `css`, `routeRules`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui-pro@3.3.3`, `@vueuse/nuxt@13.9.0`, `@nuxtjs/supabase@1.6.2`, `nuxt-charts@0.2.3`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/zen-euclid-cf554n\n\n### Description\n\nThe problem occurs because the UFileUpload component likely contains a button element that doesn't have an explicit type attribute, causing it to default to type=\"submit\", which triggers form submission.\n\n### Additional context\n\n```\n\u003Ccomponent\n :is=\"variant === 'button' ? 'button' : 'div'\"\n ref=\"dropzoneRef\"\n :type=\"variant === 'button' ? 'button' : undefined\" // 👈 add this maybe?\n :role=\"variant === 'button' ? undefined : 'button'\"\n :data-dragging=\"isDragging\"\n :class=\"ui.base({ class: props.ui?.base })\"\n :tabindex=\"interactive && !disabled ? 0 : -1\"\n @click=\"interactive && !disabled && open()\" \n @keydown.prevent\n @keyup.enter.space=\"interactive && !disabled && open()\"\n>\n```\n\n### Logs\n\n```shell-script\n\n```",[3259,3260],{"name":3172,"color":3173},{"name":3175,"color":3176},4935,"UFileUpload with variant button inside form will cause UForm submit","2025-09-09T14:55:29Z","https://github.com/nuxt/ui/issues/4935",0.6916101,{"description":3267,"labels":3268,"number":3272,"owner":3183,"repository":3183,"state":3185,"title":3273,"updated_at":3274,"url":3275,"score":3276},"I was generating a simple project from nuxjs website. It works fine but when i added a button with v-on:click event.,in the generated one, the button doesn't work. It works with npm run dev.\r\nPlease help me out. Thanks\r\nBelow is my index.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Csection class=\"container\">\r\n \u003Cdiv>\r\n \u003Clogo/>\r\n \u003Ch1 class=\"title\">\r\n NUXT\r\n \u003C/h1>\r\n \u003Ch2 class=\"subtitle\">\r\n Universal Vue.js Application\r\n \u003C/h2>\r\n \u003Cdiv class=\"links\">\r\n \u003Ca href=\"https://nuxtjs.org/\" target=\"_blank\" class=\"button--green\">Documentation\u003C/a>\r\n \u003Ca href=\"https://github.com/nuxt/nuxt.js\" target=\"_blank\" class=\"button--grey\">Github\u003C/a>\r\n \u003C/div>\r\n \u003Cbutton @click=\"test('1231')\"> testButton \u003C/button>\r\n \u003C/div>\r\n \u003C/section>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport Logo from '~components/Logo.vue'\r\n\r\nexport default {\r\n components: {\r\n Logo\r\n },\r\n methods: {\r\n test: function (val) {\r\n console.log(val)\r\n }\r\n }\r\n}\r\n```\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c816\">#c816\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3269],{"name":3270,"color":3271},"2.x","d4c5f9",948,"`nuxt generate` with v-on:click","2023-01-18T15:40:37Z","https://github.com/nuxt/nuxt/issues/948",0.6942456,{"description":3278,"labels":3279,"number":3288,"owner":3183,"repository":3183,"state":3185,"title":3289,"updated_at":3290,"url":3291,"score":3292},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.16.0\n- Nuxt Version: 3.4.3\n- Nitro Version: 2.4.0\n- Package Manager: pnpm@8.5.0\n- Builder: vite\n- User Config: experimental, modules, colorMode\n- Runtime Modules: @unocss/nuxt@0.51.12, @vueuse/nuxt@10.1.2, nuxt-icon@0.4.0, nuxt-swiper@1.1.0, @nuxt/devtools@0.4.6, @nuxt/image-edge@1.0.0-28020728.5df24eb, @nuxtjs/color-mode@3.2.0\n- Build Modules: -\n\n### Reproduction\n\n\n\nThis error doesn't seem to be reproducible on Stackblitz so I have included a [github repo](https://github.com/tobychidi/nuxt-utils-import-error)\n\n### Describe the bug\n\nWhen functions are auto-imported from utils/ composables and used in Vue SFC Template, VsCode throws and error. Yes, I use the latest volar. This error appeared after `pnpm up` That bumped my Vue version to 3.3.1.\n\nI have not tried reverting Vue versions though. \n\n### Additional context\n\nExample: \n```\nProperty 'useShowSnack' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch\u003CT extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (arg...'.ts(2339)\n```\n\n_No response_\n\n### Logs\n\n_No response_",[3280,3281,3284,3285],{"name":3206,"color":3207},{"name":3282,"color":3283},"workaround available","11376d",{"name":3222,"color":3223},{"name":3286,"color":3287},"upstream-bug","B60205",20827,"TS Error with auto-imports from composables and utils in Vue Template after 3.3","2024-11-07T20:13:37Z","https://github.com/nuxt/nuxt/issues/20827",0.6971259,{"description":3294,"labels":3295,"number":3299,"owner":3183,"repository":3184,"state":3185,"title":3300,"updated_at":3301,"url":3302,"score":3303},"### Environment\n\nOperating System: Darwin\nNode Version: v20.18.0\nNuxt Version: 3.14.1592\nPackage Manager: pnpm@9.14.4\nBuilder: -\nUser Config: default\nRuntime Modules: @nuxt/ui@3.0.0-alpha.10\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nifty-ride-lx6qlg\n\n### Description\n\nThe same problem occurs in official documents. https://ui3.nuxt.dev/components/toast\n1. Open the Toast component of the document.\n2. Click the \"Show toast\" button to show toast.\n3. Click X to close the toast when it appears.\n4. Click the \"Show toast\" button again, and the toast that appears does not have a progress bar and does not automatically close.\n\nMy production environment project also has this problem, I hope it can be solved as soon as possible.\nAlso, the progress bar sometimes flashes, so i can expect new configurations to setting the progress bar showing is true or false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3296,3297,3298],{"name":3172,"color":3173},{"name":3175,"color":3176},{"name":3196,"color":3197},3003,"The Toast component loses the progress bar and does not automatically close","2025-03-24T13:48:53Z","https://github.com/nuxt/ui/issues/3003",0.69742453,["Reactive",3305],{},["Set"],["ShallowReactive",3308],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJr3wpQ_q-50qivK-KKPkD-lqotJCQLPIv02oRUUG51U":-1},"/nuxt/ui/5108"]