\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```",[3019,3022,3025],{"name":3020,"color":3021},"bug","d73a4a",{"name":3023,"color":3024},"v3","49DCB8",{"name":3026,"color":3027},"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":3037,"labels":3038,"number":3049,"owner":3029,"repository":3029,"state":3031,"title":3050,"updated_at":3051,"url":3052,"score":3053},"### 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_",[3039,3042,3043,3046],{"name":3040,"color":3041},"dx","C39D69",{"name":3020,"color":3021},{"name":3044,"color":3045},"nitro","bfd4f2",{"name":3047,"color":3048},"🔨 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":3055,"labels":3056,"number":3060,"owner":3029,"repository":3030,"state":3031,"title":3061,"updated_at":3062,"url":3063,"score":3064},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 8:34:52 pm\n\nOperating System: Linux\nNode Version: v22.17.1\nNuxt Version: 4.0.0\nCLI Version: 3.26.2\nNitro Version: 2.12.0\nPackage Manager: bun@1.2.15\nBuilder: -\nUser Config: modules, runtimeConfig, devtools, ui, css, colorMode, compatibilityDate, eslint\nRuntime Modules: @nuxt/ui@3.2.0, @nuxt/ui-pro@3.2.0, @pinia/nuxt@0.5.5, @nuxt/eslint@1.6.0\nBuild Modules: -\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com/\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nSee Nuxt UI official docs page -\nhttps://ui.nuxt.com/components/dashboard-sidebar\n\n### Description\n\nUI is not rendering correctly on the web page or on my local machine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3057,3058,3059],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4610,"UI not rendering for certain Dashboard components","2025-07-26T15:12:09Z","https://github.com/nuxt/ui/issues/4610",0.7042632,{"description":3066,"labels":3067,"number":3071,"owner":3029,"repository":3030,"state":3031,"title":3072,"updated_at":3073,"url":3074,"score":3075},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.9`\n- Package Manager: `pnpm@10.9.0`\n- Builder: `-`\n- User Config: `modules`, `devtools`, `css`, `devServer`, `content`, `future`, `compatibilityDate`, `nitro`, `eslint`, `icon`, `llms`\n- Runtime Modules: `@nuxt/eslint@1.3.0`, `@nuxt/image@1.10.0`, `@nuxt/ui-pro@3.1.0`, `@nuxt/content@3.5.1`, `nuxt-og-image@5.1.2`, `nuxt-llms@0.1.2`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### UI Version\n\nv3.1.0\n\n### Safari Version\n\nv18.5 (20621.2.5.11.5)\n\n### Reproduction\n\n[https://github.com/saltytostitos/ui-docs-input-type-search](https://github.com/saltytostitos/ui-docs-input-type-search)\n\nRepro using UI Pro Docs Template [https://github.com/nuxt-ui-pro/docs/tree/main](https://github.com/nuxt-ui-pro/docs/tree/main)\n\n### Description\n\nInput/Select sizes do not match on Safari Desktop. \n\n\n\nThey seem to match on Chrome.\n\n\n\nAs shown, the Tailwind Only fields work correctly (using same css classes).\n\nObservations:\n- Oddly enough, when using ```\u003CUFormField />``` the ```type=\"text\"``` and ```\u003CUSelect />``` fields match heights, but the ```type=\"search\"``` is the outlier.\n- When NOT using ```\u003CUFormField />```, then the ```type=\"text\"``` field is the outlier. \n\n### Additional context\n\nAs rendered in Dev Tools:\n\n\n\nAfter removing ```type=\"search\"``` in dev tools.\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[3068,3069,3070],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3026,"color":3027},4014,"Input Fields on ```Safari``` has Mismatched Sizes","2025-04-29T04:28:11Z","https://github.com/nuxt/ui/issues/4014",0.7068726,{"description":3077,"labels":3078,"number":3083,"owner":3029,"repository":3030,"state":3084,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### 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```",[3079,3080],{"name":3020,"color":3021},{"name":3081,"color":3082},"stale","ededed",2634,"closed","FormGroup error with error slot","2025-06-14T15:36:58Z","https://github.com/nuxt/ui/issues/2634",0.6767302,{"description":3090,"labels":3091,"number":3094,"owner":3029,"repository":3030,"state":3084,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### 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```",[3092,3093],{"name":3020,"color":3021},{"name":3023,"color":3024},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":3100,"labels":3101,"number":3108,"owner":3029,"repository":3029,"state":3084,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### 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_",[3102,3105],{"name":3103,"color":3104},"3.x","29bc7f",{"name":3106,"color":3107},"pending triage","E99695",23073,"Decorators - RollupError: Unexpected character '@'","2023-09-07T17:58:41Z","https://github.com/nuxt/nuxt/issues/23073",0.6940892,{"description":3114,"labels":3115,"number":3117,"owner":3029,"repository":3029,"state":3084,"title":3118,"updated_at":3119,"url":3120,"score":3121},"### 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```",[3116],{"name":3106,"color":3107},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":3123,"labels":3124,"number":3130,"owner":3029,"repository":3030,"state":3084,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### 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```",[3125,3126,3129],{"name":3020,"color":3021},{"name":3127,"color":3128},"needs reproduction","CB47CF",{"name":3023,"color":3024},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.6962934,{"description":3136,"labels":3137,"number":3144,"owner":3029,"repository":3030,"state":3084,"title":3145,"updated_at":3146,"url":3147,"score":3148},"### 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```",[3138,3139,3140,3143],{"name":3020,"color":3021},{"name":3023,"color":3024},{"name":3141,"color":3142},"nuxt/ui-pro","00dc82",{"name":3026,"color":3027},4486,"\u003CUError> slots not working.","2025-07-08T09:11:50Z","https://github.com/nuxt/ui/issues/4486",0.6996896,["Reactive",3150],{},["Set"],["ShallowReactive",3153],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEAkAHgc-jY8ll1Lvvmw1oY5DHtQInQ4zZmEQP3rt81A":-1},"/nuxt/ui/4573"]