\n \u003CUModal>\n \u003CUButton color=\"neutral\" variant=\"outline\">\n Open modal\n \u003C/UButton>\n\n \u003Ctemplate #body>\n \u003CUButton label=\"button1\" />\n \u003CUButton label=\"button2\" />\n \u003CUButton label=\"button3\" />\n \u003C/template>\n \u003C/UModal>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\n\nAlso, size and orientation affect the buttons inside the modal\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup orientation=\"vertical\" size=\"lg\">\n ...\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2872,2875,2878],{"name":2873,"color":2874},"bug","d73a4a",{"name":2876,"color":2877},"v3","49DCB8",{"name":2879,"color":2880},"triage","ffffff",4242,"ui","[ButtonGroup] Nested buttons are also styled as if they were directly placed","2025-05-28T10:43:07Z","https://github.com/nuxt/ui/issues/4242",0.7198276,{"description":2888,"labels":2889,"number":2893,"owner":2863,"repository":2882,"state":2864,"title":2894,"updated_at":2895,"url":2896,"score":2897},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/gallant-margulis-h6zfnn?file=%2Fapp%2Fpages%2Findex.vue%3A11%2C9&workspaceId=ws_F4rkTtdti87aBypib7R95k\n\n### Description\n\nI'm migrating from v2 to v3 and noticed my global Nuxt error handler no longer works when using v3 components. In the reproduction when I'm calling `throw createError()` on a Nuxt UI button the event doesn't propagate to my `error-handler.js` plugin, however it does when I call the same click handler on a regular `\u003Cbutton>` tag.\nWhen inspecting the console I can see the click handler attached to the Nuxt UI button throws `Uncaught (in promise) H3Error` whereas with a normal button it's not a promise.\nThis used to work just fine with v2 as per this reproduction: https://stackblitz.com/edit/nuxt-ui-ofbazd6t?file=app.vue,plugins%2Ferror-handler.js\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2890,2891,2892],{"name":2873,"color":2874},{"name":2876,"color":2877},{"name":2879,"color":2880},4237,"throw createError handling in v3 components","2025-05-27T18:04:58Z","https://github.com/nuxt/ui/issues/4237",0.729813,{"description":2899,"labels":2900,"number":2904,"owner":2863,"repository":2882,"state":2905,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.3\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: bun@1.1.28\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-s2opq2ko?file=app/pages/index.vue\n\n### Description\n\nGiven this component nesting:\n\n- `UForm`\n - `UModal`\n - `UForm`\n\nThis is rendered as the following html:\n\n- `UForm` -> `form` - ✅\n - `UModal` -> `div` - ✅ (teleported to root)\n - `UForm` -> `div` - ❌ I am expecting `form`.\n\nI couldn't find a mention in the documentation that this is expected behaviour.\n\nTo reproduce:\n1. Run reproduction\n2. Click \"Open modal\" button\n3. Inspect the nested form element. It's a `div`:\n\n\nI am happy to have a crack at a PR, if you're willing to point me in the right direction 😌\n\n\n### Additional context\n\nFor context, this is our use case:\n* User fills out an onboarding form\n* One field in the onboarding form is business details\n* User has option to populate business details via business number (eg. [DUNS](https://www.dnb.com/en-us/smb/duns.html))\n* Business number field open in modal\n* User can enter business number in form in modal\n* User submits form, it populates state in parent form\n\n### Logs\n\n```shell-script\n\n```",[2901,2902,2903],{"name":2873,"color":2874},{"name":2876,"color":2877},{"name":2879,"color":2880},3913,"closed","[Form] Nested `UForm` in `UModal` is not rendered as `form`","2025-04-16T08:34:48Z","https://github.com/nuxt/ui/issues/3913",0.6963576,{"description":2911,"labels":2912,"number":2917,"owner":2863,"repository":2863,"state":2905,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\n\n*package.json*\n```js\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@prisma/nuxt\": \"^0.1.2\",\n \"@vueuse/core\": \"^12.0.0\",\n \"@vueuse/nuxt\": \"^12.0.0\",\n \"nuxt\": \"^3.14.1592\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@nuxt/devtools\": \"npm:@nuxt/devtools-edge@latest\",\n \"@nuxtjs/tailwindcss\": \"^6.12.2\",\n \"@prisma/client\": \"^6.0.1\",\n \"prisma\": \"^6.0.1\"\n }\n}\n\n```\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-uquybs?file=nuxt.config.ts,app.vue\n\n### Describe the bug\n\nI have this code that should submit a form but I added `submit.prevent=\"handleSubmit()\"` so this should stop from refreshing.\n\nI tried to reproduce it on stackblitz however everything is working there (including the devtools) but on my local upon clicking create button the page refreshes.\n\n\n\n```html\n\u003Ctemplate>\n\u003Cform @submit.prevent=\"handleSubmit()\" class=\"w-full\">\n\t\u003Cdiv class=\"mb-4\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.email\"\n\t\t\ttype=\"email\"\n\t\t\tid=\"email\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Email address\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cdiv class=\"mb-6\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.password\"\n\t\t\ttype=\"password\"\n\t\t\tid=\"password\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Password\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cdiv class=\"mb-6\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.confirm_password\"\n\t\t\ttype=\"confirm_password\"\n\t\t\tid=\"confirm_password\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Password Confirmation\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cbutton\n\t\ttype=\"submit\"\n\t\tclass=\"w-full bg-blue-600 text-white p-3 rounded hover:bg-blue-700\"\n\t>\n\t\tCreate\n\t\u003C/button>\n\u003C/form>\n\u003C/template>\n\u003Cscript setup>\nconst handleSubmit = async () => {\n\t\n\tif (form.value.password !== form.value.confirm_password) {\n\t\tconsole.log(\"Passwords do not match\");\n\t\talert(\"Passwords do not match\");\n\t\treturn;\n\t}\n\n\tconsole.log(form.value);\n};\n...\n```\n\nhttps://github.com/user-attachments/assets/18ea3431-cadb-4613-a2a3-4703755f2f91\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2913,2914],{"name":2857,"color":2858},{"name":2915,"color":2916},"needs reproduction","FBCA04",30185,"Page refresh bug","2025-02-03T14:25:51Z","https://github.com/nuxt/nuxt/issues/30185",0.7003471,{"description":2923,"labels":2924,"number":2931,"owner":2863,"repository":2882,"state":2905,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.3\n- Nitro Version: -\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, ui, runtimeConfig\n- Runtime Modules: @nuxt/ui-pro@3.0.0-beta.2, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\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 d\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/relaxed-scooby-nv4zrp?file=%2Fapp%2Fpages%2Findex.vue%3A7%2C51\n\n### Description\n\nI was importing type `FormSubmitEvent` from Nuxt UI but when I shifted to nuxt ui pro and replaced the import. But it broke, because nuxt ui pro doesn't export this type\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2925,2926,2927,2930],{"name":2873,"color":2874},{"name":2876,"color":2877},{"name":2928,"color":2929},"nuxt/ui-pro","00dc82",{"name":2879,"color":2880},3465,"type `FormSubmitEvent` not working in nuxt ui pro version 3","2025-05-10T17:33:04Z","https://github.com/nuxt/ui/issues/3465",0.70683515,{"description":2937,"labels":2938,"number":2944,"owner":2863,"repository":2882,"state":2905,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: -\n- CLI Version: 3.25.0\n- Nitro Version: -\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\n3.1.0\n\n### Reproduction\n\nNA\n\n### Description\n\nI’m using Vue 3 with Inertia. I upgraded to v3.1 and now it behaves strangely: components—like a dropdown menu inside a button group—redirect instead of honoring the onSelect and performing the intended actions. In my case, I want to update a ref when clicking a dropdown item and open a drawer containing a form.\n\n### Additional context\n\nLaravel 12 with vue 3 and nuxtui 3.1 \n\n### Logs\n\n```shell-script\n\n```",[2939,2940,2941],{"name":2873,"color":2874},{"name":2876,"color":2877},{"name":2942,"color":2943},"inertia","6b46c1",3974,"Inertia: onSelect in dropdown items stop working","2025-05-13T12:45:19Z","https://github.com/nuxt/ui/issues/3974",0.7078664,{"description":2950,"labels":2951,"number":2954,"owner":2863,"repository":2863,"state":2905,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: ssr, site, hub, devtools, modules, i18n, css, app, alias, content, compatibilityDate\r\n- Runtime Modules: @nuxtjs/i18n@8.5.1, @nuxt/content@2.13.2, @nuxt/image@1.7.0, @nuxtjs/sitemap@5.3.5, @nuxthub/core@0.7.4\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-xogbeb?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nHello.\r\n\r\nWhen loading the website through `localhost:3000/` there is no issue.\r\nHowever, if I load the side through `localhost:3000/design`, I get the error message down below.\r\nStrangely enough, if I switch to the `/design` tab through the nav-bar, no error occurs.\r\n\r\nThe error seems to be with the `with-buttons.vue` component. \r\n\r\n## Things I have tried\r\n- searching for invisible unicode characters with bash scripts as well as Visual Studio Code's \"Render Whitespaces\" functionality\r\n- re-creating the .vue file and pasting the code\r\n- re-creating the .vue file and typing the code again from scratch\r\n\r\n## How it works again\r\n- If I remove the `\u003Cstyle scoped>\u003C/style>` tag, everything works again\r\n- If I remove the `with-buttons.vue` component from my page, everything works again\r\n\r\nThis issue seems to be quite similar, but didn't help me to resolve my error.\r\n\r\nIf any information is missing, let me know and I will provide it.\r\n\r\nThank you in advance\r\n\r\n### Additional context\r\n\r\n#### Error Message\r\n\r\n```\r\nWARN [Vue Router warn]: uncaught error during route navigation:\r\n\r\n\r\nERROR [vite-node] [plugin:vite:vue] [SyntaxError] PROJECT_FOLDER/components/carousel/with-buttons.vue:1:1 \u003Cbr>\u003Cpre>1 | <template>\r\n | ^\r\n2 | <div class=\"carousel-with-buttons\">\r\n3 | <div ref=\"carousel\" class=\"showcase__carousel\">\u003C/pre>\u003Cbr>\r\n\r\n| ^\r\n2 | <div class=\"carousel-with-buttons\">\r\n3 | <div ref=\"carousel\" class=\"showcase__carousel\">\u003C/pre>\u003Cbr>\r\nat PROJECT_FOLDER/components/carousel/with-buttons.vue:1:1\r\nSyntaxError: Error parsing JavaScript expression: Expecting Unicode escape sequence \\uXXXX. (2:39)\r\nat createCompilerError (node_modules\\@vue\\compiler-core\\dist\\compiler-core.cjs.js:1328:17)\r\nat Object.processExpression (node_modules\\@vue\\compiler-core\\dist\\compiler-core.cjs.js:4364:9)\r\nat ssrCodegenTransform (node_modules\\@vue\\compiler-ssr\\dist\\compiler-ssr.cjs.js:924:33)\r\nat Object.compile (node_modules\\@vue\\compiler-ssr\\dist\\compiler-ssr.cjs.js:1390:3)\r\nat doCompileTemplate (node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:4286:47)\r\nat Object.compileTemplate (node_modules\\@vue\\compiler-sfc\\dist\\compiler-sfc.cjs.js:4228:12)\r\nat compile (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:204:35)\r\nat transformTemplateInMain (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:185:18)\r\nat genTemplateCode (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:2557:12)\r\nat transformMain (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:2411:55)\r\n```\r\n\r\n### Logs\r\n\r\n_No response_",[2952,2953],{"name":2857,"color":2858},{"name":2873,"color":2874},28699,"Error parsing JavaScript expression: Expecting Unicode escape sequence \\uXXXX","2024-09-02T11:27:06Z","https://github.com/nuxt/nuxt/issues/28699",0.7175898,{"labels":2960,"number":2964,"owner":2863,"repository":2863,"state":2905,"title":2965,"updated_at":2966,"url":2967,"score":2968},[2961],{"name":2962,"color":2963},"2.x","d4c5f9",6311,"nuxt build Breaks VueJS Events","2023-01-18T21:49:10Z","https://github.com/nuxt/nuxt/issues/6311",0.71903473,{"description":2970,"labels":2971,"number":2974,"owner":2863,"repository":2882,"state":2905,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n- node:V18.19.1\n- pnpm: V8.15.5\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.1\n\n### Reproduction\n\nhttps://github.com/Jevin0/nuxt-ui-no-style-demo/blob/master/app.vue\n\n### Description\n\n\n### step\n1. `pnpm dlx nuxi@latest init \u003Cproject-name>`\n2. `npx nuxi@latest module add ui`\n3. `pnpm install`\n4. `pnpm dev`\n\n### concern\nNormal use of `UButton` component, but no background color and Color\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2972,2973],{"name":2873,"color":2874},{"name":2876,"color":2877},3047,"No style","2025-02-24T22:33:59Z","https://github.com/nuxt/ui/issues/3047",0.7197905,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fCmtf52h5IJOxqCMiYBK7Lou__jl0MYXnD037F3YHSwc":-1},"/nuxt/ui/4095"]