\n```\n\n### Will results something like this\n```html\n\u003Cdiv class=\"... root-test base-test\">\n ...\n \u003Cinput class=\"...\" />\n\u003C/div>\n```\n\n### Description\n\nWhen applying themes in `app.config.ts`, both **UInputTags** and **UInputMenu (multiple)** share the same weird behaviour compared with other components, where the class applied to `base` part of the component are applied to `root` part of the component.\n\n### Expected Behaviour\nThe applied class on `base` should be applied to the `\u003Cinput />`, not the `root` part of the component which is the outer `\u003Cdiv />` just like other input components such as **UInput**, **UInputNumber**, or **UTextarea**.\n\nCorrect me if I'm wrong if this are intended, thank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3145,3148,3151],{"name":3146,"color":3147},"bug","d73a4a",{"name":3149,"color":3150},"v3","49DCB8",{"name":3152,"color":3153},"triage","ffffff",4530,"nuxt","ui","open","[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.6812809,{"description":3163,"labels":3164,"number":3175,"owner":3155,"repository":3155,"state":3157,"title":3176,"updated_at":3177,"url":3178,"score":3179},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.15.0`\r\n- Nuxt Version: `3.3.1`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `npm@9.5.0`\r\n- Builder: `vite`\r\n- User Config: `css`, `mode`, `ssr`, `app`, `runtimeConfig`, `modules`, `vite`\r\n- Runtime Modules: `@pinia/nuxt@0.4.5`, `@vueuse/nuxt@9.11.1`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://github.com/JordashTalon/Nuxt3ErrorTesting\n\n### Describe the bug\n\nIf there is an error in your code it is very difficult to find the exact line of code causing the issue, look at this simple example:\r\n\r\n\u003Cimg width=\"438\" alt=\"errortestingFile\" src=\"https://user-images.githubusercontent.com/957100/231183237-c7f90b8f-bff0-4c8b-a9f1-22ddbab1d48e.png\">\r\n\r\nIf I run that file and open the console I get a massive error log and it doesn't seem to point me in the right direction.\r\n\r\n\u003Cimg width=\"869\" alt=\"LOCError\" src=\"https://user-images.githubusercontent.com/957100/231183815-a66feed6-4582-49c7-a901-f33cc007d0bf.png\">\r\n\r\nIf I refresh the page it doesn't even render but looks like this:\r\n\r\n\r\n\r\nIf I have an error in the script tags it's even harder to track down which line of code is causing the issue:\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3165,3168,3169,3172],{"name":3166,"color":3167},"dx","C39D69",{"name":3146,"color":3147},{"name":3170,"color":3171},"nitro","bfd4f2",{"name":3173,"color":3174},"🔨 p3-minor","FBCA04",20204,"Nuxt3 Error Log Line of Code doesn't match actual line of code","2024-11-17T12:58:08Z","https://github.com/nuxt/nuxt/issues/20204",0.68291724,{"description":3181,"labels":3182,"number":3186,"owner":3155,"repository":3156,"state":3157,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 4.0.3\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, ui\n- Runtime Modules: @nuxt/ui@3.3.2, @nuxt/eslint@1.8.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.2\n\n### Reproduction\n\nI attempted to reproduce the issue using the official Nuxt UI CodeSandbox template, but it seems that the `class` property is not applied at all in that environment. Therefore, the bug cannot be reproduced there.\n\nHowever, in my local environment (Nuxt v4.0.3 / Nuxt UI v3.3.2), the issue is consistently reproducible. \nPlease refer to the attached screenshot for visual confirmation.\n\nHere is the code I used:\n\n```vue\n\u003CUInputMenu\n :items=\"[\n {\n label: 'Blue',\n class: 'text-blue-500!',\n },\n {\n label: 'Red',\n class: 'text-red-500!',\n },\n {\n label: 'Green',\n class: 'text-green-500!',\n },\n ]\"\n/>\n```\n\n\n### Description\n\nWhen using `UInputMenu`, each item can be assigned a custom class. However, after filtering, the class assignment seems to mismatch. For example, the \"Green\" item may be displayed in red color.\n\n### Additional context\n\n- Initial state (before filtering): \n\u003Cimg width=\"328\" height=\"243\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f556d5b4-554e-4328-98f1-e3bb037504bf\" />\n\n- After filtering with \"r\": \n\u003Cimg width=\"338\" height=\"206\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/bbed6c9b-2eae-4c55-9d68-2991f64c26ca\" />\n\nIn the filtered state, the \"Green\" item is incorrectly displayed in red.\n\n### Logs\n\n```shell-script\n\n```",[3183,3184,3185],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3152,"color":3153},4752,"UInputMenu item class mismatch after filtering","2025-08-15T01:57:20Z","https://github.com/nuxt/ui/issues/4752",0.6871735,{"description":3192,"labels":3193,"number":3198,"owner":3155,"repository":3156,"state":3199,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nI'm using the FormGroup component, and I've set the error to true, however unless it contains a non-empty text value the error slot won't render. Is this intentional or a bug? I would tend to think it's the latter.\n\n```\n\u003CUFormGroup :error=\"true\">\n \u003Ctemplate #error>\n \u003Cdiv>I will not render\u003C/div>\n \u003Ctemplate>\n\u003C/UFormGroup>\n```\n\n```\n\u003CUFormGroup :error=\"true && 'some error'\">\n \u003Ctemplate #error>\n \u003Cdiv>I will render\u003C/div>\n \u003Ctemplate>\n\u003C/UFormGroup>\n```",[3194,3195],{"name":3146,"color":3147},{"name":3196,"color":3197},"stale","ededed",2634,"closed","FormGroup error with error slot","2025-06-14T15:36:58Z","https://github.com/nuxt/ui/issues/2634",0.6767302,{"description":3205,"labels":3206,"number":3209,"owner":3155,"repository":3156,"state":3199,"title":3210,"updated_at":3211,"url":3212,"score":3213},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.18.0`\n- CLI Version: `3.27.0`\n- Nitro Version: `2.12.4`\n- Package Manager: `pnpm@10.12.3`\n- Builder: `-`\n- User Config: `modules`, `ssr`, `components`, `devtools`, `app`, `css`, `colorMode`, `runtimeConfig`, `future`, `experimental`, `compatibilityDate`, `eslint`, `fonts`, `icon`, `supabase`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `reka-ui/nuxt@2.4.0`, `@nuxt/ui@3.3.0`, `@nuxtjs/supabase@1.5.2`, `@vueuse/nuxt@13.6.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/suspicious-lumiere-6jxxjc\n\n### Description\n\nWhen displaying the `UInputMenu`, with no items in the array (fetched later) but with a default value, the placeholder is shown instead of showing the string.\n\n### Additional context\n\nFaulty commit: 488707e\n\n#4528 \n\n### Logs\n\n```shell-script\n\n```",[3207,3208],{"name":3146,"color":3147},{"name":3149,"color":3150},4635,"`UInputMenu` does not display default model value (placeholder shown instead)","2025-08-14T09:04:53Z","https://github.com/nuxt/ui/issues/4635",0.6925173,{"description":3215,"labels":3216,"number":3219,"owner":3155,"repository":3156,"state":3199,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.0\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.9.0\n- Builder: -\n- User Config: modules, css, build, supabase, content, pinia, devtools, debug, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui-pro@3.1.0, @vueuse/nuxt@13.1.0, @nuxt/content@3.5.1, @nuxt/icon@1.12.0, @nuxt/image@1.10.0, @nuxt/scripts@0.11.6, @nuxt/test-utils@3.17.2, @nuxtjs/supabase@1.5.0, @pinia/nuxt@0.11.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n \u003Cdiv class=\"flex\">\n \u003CUForm :state=\"state\" class=\"w-1/2 p-4\">\n \u003CUFormField v-for=\"(item, index) in items\" :key=\"index\" :label=\"index\" :name=\"index\">\n \u003CUColorPicker v-if=\"index == 'color'\" v-model=\"state[index]\" :default-value=\"item\" />\n \u003CUSlider v-if=\"index == 'range' && typeof item == 'number'\" v-model=\"state[index]\" :default-value=\"item\" />\n \u003CUInput v-if=\"typeof state[index] == 'boolean'\" :type=\"index\" :value=\"index\" :checked=\"item\" />\n \u003CUInput v-else :type=\"index\" v-model=\"state[index]\" :default-value=\"item\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003Cpre class=\"w-1/2 bg-gray-200 p-4 leading-14\"> {{ state }} \u003C/pre>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\nconst state = ref({}) // ISSUE: Default values are not loaded in the v-model\nconst items = {\n number: 50,\n reset: true, // ISSUE: UInput is not supporting boolean values for v-model\n submit: true, // ISSUE: UInput is not supporting boolean values for v-model\n search: \"search\",\n date: \"2025-04-25\",\n text: \"text\",\n color: \"#ccffcc\",\n button: true, // ISSUE: UInput is not supporting boolean values for v-model\n checkbox: false, // ISSUE: UInput is not supporting boolean values for v-model\n \"datetime-local\": \"2025-04-25T10:49:31\",\n email: \"nobody@gmail.com\",\n file: \"\",\n hidden: \"hidden\",\n image: \"image.svg\",\n month: \"2025-04\",\n password: \"topsecret\",\n radio: true, // ISSUE: UInput is not supporting boolean values for v-model\n range: 50, // Default value is displayed but not loaded in the v-model\n tel: \"0612345678\",\n time: \"10:49:31\",\n url: \"www.chatgpt.com\",\n week: \"2025-W16\"\n}\n// const state = reactive(items) // Workaround for default-value\n\u003C/script>\n```\n\n### Description\n\nI made a small comparison between `UInput` and other components like `UColorPicker` and `USlider` and I stumbled on a couple of issues.\n* `default-value` is not displayed except for `range` and `USlider`\n* `default-value` is never initialized in the `v-model`\n* Booleans are not supported in the `v-model` and I was therefore not able to make them reactive.\n\nWorkaround is to load the default value via the `state`, but that requires an additional step and is therefore not ideal for dynamic forms\n`const state = reactive(items)`\n\nWorkaround for working with booleans, but I am not sure how to apply the `v-model` yet🤔\n`\u003CUInput v-if=\"typeof state[index] == 'boolean'\" :type=\"index\" :value=\"index\" :checked=\"item\" />`\n\n\n### Additional context\n\nDefault values via `default-value`\n\nDefault value via `state`\n\n\n### Logs\n\n```shell-script\n\n```",[3217,3218],{"name":3146,"color":3147},{"name":3149,"color":3150},3983,"Default values are not loaded in the v-model","2025-06-30T13:04:54Z","https://github.com/nuxt/ui/issues/3983",0.6929138,{"description":3225,"labels":3226,"number":3233,"owner":3155,"repository":3155,"state":3199,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Environment\r\n- Operating System: Linux\r\n- Node Version: v20.5.0\r\n- Nuxt Version: 3.7.1\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.3-28235083.5639f5b\r\n- Package Manager: pnpm@8.7.1\r\n- Builder: -\r\n- User Config: alias, app, colorMode, css, dayjs, devtools, experimental, i18n, image, modules, nitro, pwa, runtimeConfig, security, ssr, tailwindcss, viewport, vueEmail\r\n- Runtime Modules: @hebilicious/authjs-nuxt@0.2.0-beta.8, @nuxt/image@1.0.0-rc.1, @nuxtjs/color-mode@3.3.0, @nuxtjs/i18n@8.0.0-rc.4, @nuxtjs/tailwindcss@6.8.0, @pinia/nuxt@0.4.11, @vee-validate/nuxt@4.11.3, @vueuse/nuxt@10.4.1, dayjs-nuxt@1.1.2, nuxt3-leaflet@1.0.12, nuxt-security@0.14.4, nuxt-viewport@2.0.6, vue3-carousel-nuxt@1.1.0, vue-email/nuxt\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\n\r\n\r\nℹ Cleaning up generated nuxt files and caches... \r\nℹ Upgraded nuxt version: 3.7.1 \r\n✔ You're already using the latest version of nuxt. \r\n\r\n\r\n### Describe the bug\r\n\r\nDecorators - RollupError: Unexpected character '@'\r\n\r\n(inject plugin) rollup-plugin-inject: failed to parse /home/test/server/entities/role.entity.ts. Consider restricting the plugin to particular files via options.include\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3227,3230],{"name":3228,"color":3229},"3.x","29bc7f",{"name":3231,"color":3232},"pending triage","E99695",23073,"Decorators - RollupError: Unexpected character '@'","2023-09-07T17:58:41Z","https://github.com/nuxt/nuxt/issues/23073",0.6940892,{"description":3239,"labels":3240,"number":3242,"owner":3155,"repository":3155,"state":3199,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: extends, modules, devtools, runtimeConfig, routeRules, future, compatibilityDate, typescript, eslint, pwa\n- Runtime Modules: @nuxt/eslint@0.7.5, @nuxt/fonts@0.10.3, @nuxt/image@1.9.0, @nuxt/ui@2.21.0, @vite-pwa/nuxt@0.10.6, nuxt-og-image@4.0.3\n- Build Modules: -\n\n### Reproduction\n\n1. Open a new nuxt project\n2. run dev\n3. create a new file without any script or template tags\n\n### Describe the bug\n\nHi,\n\nIn one of the recent updates the way errors are being displayed now in the console is a bit overwhelming.\n\nFor an error that there is no `\u003Ctemplate>` tag or `\u003Cscript>` tag it literally takes up entire avg console window with a full stack trace which really isn't necessary just the file location and the error message would be enough at least for this specific type of error. \n\nAlso, it shows a pre-transform error, and an internal server error which seems unnecessary.\n\nMore of a dx bug i guess...\n\nthanks\n\n### Logs\n\n```shell-script\n[1:04:54 PM] ERROR Pre-transform error: At least one \u003Ctemplate> or \u003Cscript> is required in a single file component. /Users/demo/Desktop/dress-my-baby/app/pages/settings.vue\n Plugin: vite:vue\n File: /Users/demo/Desktop/dress-my-baby/app/pages/settings.vue\n\n\n[1:04:54 PM] ERROR Internal server error: At least one \u003Ctemplate> or \u003Cscript> is required in a single file component. /Users/demo/Desktop/dress-my-baby/app/pages/settings.vue\n Plugin: vite:vue\n File: /Users/demo/Desktop/dress-my-baby/app/pages/settings.vue\n at Object.parse$1 [as parse] (/Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/@vue+compiler-sfc@3.5.13/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:1864:7)\n at createDescriptor (file:///Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/@vitejs+plugin-vue@5.2.1_vite@6.0.7_@types+node@22.10.6_jiti@2.4.2_terser@5.37.0_yaml@2.7.0___a5g5sq757y7m3fbz2hbfbyveuq/node_modules/@vitejs/plugin-vue/dist/index.mjs:71:43)\n at transformMain (file:///Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/@vitejs+plugin-vue@5.2.1_vite@6.0.7_@types+node@22.10.6_jiti@2.4.2_terser@5.37.0_yaml@2.7.0___a5g5sq757y7m3fbz2hbfbyveuq/node_modules/@vitejs/plugin-vue/dist/index.mjs:2430:34)\n at TransformPluginContext.transform (file:///Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/@vitejs+plugin-vue@5.2.1_vite@6.0.7_@types+node@22.10.6_jiti@2.4.2_terser@5.37.0_yaml@2.7.0___a5g5sq757y7m3fbz2hbfbyveuq/node_modules/@vitejs/plugin-vue/dist/index.mjs:2994:16)\n at EnvironmentPluginContainer.transform (file:///Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/vite@6.0.7_@types+node@22.10.6_jiti@2.4.2_terser@5.37.0_yaml@2.7.0/node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:47224:19)\n at async loadAndTransform (file:///Users/demo/Desktop/dress-my-baby/node_modules/.pnpm/vite@6.0.7_@types+node@22.10.6_jiti@2.4.2_terser@5.37.0_yaml@2.7.0/node_modules/vite/dist/node/chunks/dep-BJP6rrE_.js:41034:27)\n```",[3241],{"name":3231,"color":3232},30669,"A simple missing `template` error fills 20 lines of console","2025-01-20T21:45:51Z","https://github.com/nuxt/nuxt/issues/30669",0.6961236,{"description":3248,"labels":3249,"number":3255,"owner":3155,"repository":3156,"state":3199,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `srcDir`, `routeRules`, `app`, `svgSprite`, `alias`, `css`, `imports`, `modules`, `ssr`, `runtimeConfig`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.14.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.8`, `@nuxt/test-utils@3.19.1`, `@nuxt/ui@3.1.3`, `@nuxtjs/svg-sprite@1.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dreamy-euler-9595k7\n\n\n### Description\n\n\n\nHi when i select copy payment id i got that error when i console log the row it gives me undefined upon clicking kindly check this link: https://ui.nuxt.com/components/table#with-context-menu\n\n#4259 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3250,3251,3254],{"name":3146,"color":3147},{"name":3252,"color":3253},"needs reproduction","CB47CF",{"name":3149,"color":3150},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.6962934,{"description":3261,"labels":3262,"number":3269,"owner":3155,"repository":3156,"state":3199,"title":3270,"updated_at":3271,"url":3272,"score":3273},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.6\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.13\n- Package Manager: pnpm@10.12.4\n- Builder: -\n- User Config: modules, devtools, css, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.4.1, @nuxt/ui-pro@3.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.6\n\n### Reproduction\n\n```vue\n\u003CUError\n :error=\"{\n statusCode: 404,\n statusMessage: 'Page not found',\n message: 'The page you are looking for does not exist.'\n }\"\n >\n \u003Ctemplate #links>\n \u003CUButton label=\"Try Again\" @click=\"refresh()\" />\n \u003C/template>\n\u003C/UError>\n```\n\n### Description\n\nThe `UError` component does not render content passed through its default or named slots. Expected slot content is not appearing in the DOM.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3263,3264,3265,3268],{"name":3146,"color":3147},{"name":3149,"color":3150},{"name":3266,"color":3267},"nuxt/ui-pro","00dc82",{"name":3152,"color":3153},4486,"\u003CUError> slots not working.","2025-07-08T09:11:50Z","https://github.com/nuxt/ui/issues/4486",0.6996896,["Reactive",3275],{},["Set"],["ShallowReactive",3278],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEAkAHgc-jY8ll1Lvvmw1oY5DHtQInQ4zZmEQP3rt81A":-1},"/nuxt/ui/4573"]