\n```\n\n---\nbut if i set defaultVariants in `app.config` its works:\n```\ndefaultVariants: {\n color: 'neutral',\n button: true\n},\n```\n\n---\nso how do you make it work?",[1995,1998],{"name":1996,"color":1997},"question","d876e3",{"name":1999,"color":2000},"v3","49DCB8",3179,"ui","Understanding how variants work (custom variants)","2025-01-26T09:27:59Z","https://github.com/nuxt/ui/issues/3179",0.72495663,{"description":2008,"labels":2009,"number":2016,"owner":1985,"repository":1985,"state":2017,"title":2018,"updated_at":2019,"url":2020,"score":2021},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.1.2`\r\n- Nitro Version: `2.1.1`\r\n- Package Manager: `yarn@1.22.17`\r\n- Builder: `vite`\r\n- User Config: `modules`, `vuestic`\r\n- Runtime Modules: `@vuestic/nuxt@1.0.9`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\n1. create component as below\r\n\r\nBtn.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot name=\"header\">\u003C/slot>\r\n \u003Cslot>\u003C/slot>\r\n \u003Cslot name=\"slot1\">\u003C/slot>\r\n \u003Cslot name=\"slot2\">\u003C/slot>\r\n \u003Cslot name=\"footer\">\u003C/slot>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\u003C/script>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\u003C/style>\r\n```\r\n\r\n2. build project `yarn build`\r\n3. run `yarn preview`\r\n4. inspect DOM\r\n\n\n### Describe the bug\n\nthis is resulting html of built project\r\n\r\n```html\r\n\u003Cdiv id=\"__nuxt\">\r\n \u003Cdiv>\r\n \u003C!--[-->\r\n \u003C!--]-->\r\n \u003C!--[-->\r\n im a button\r\n \u003C!--]-->\r\n \u003C!--[-->\r\n \u003C!--]-->\r\n \u003C!--[-->\r\n \u003C!--]-->\r\n \u003C!--[-->\r\n \u003C!--]-->\r\n \u003C/div>\r\n\u003C/div>\r\n```\r\n\r\nIs it possible to get rid of generated comments in place of empty slots?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2010,2013],{"name":2011,"color":2012},"3.x","29bc7f",{"name":2014,"color":2015},"pending triage","E99695",18754,"closed","component slots end up as comments","2023-02-05T13:45:07Z","https://github.com/nuxt/nuxt/issues/18754",0.68811995,{"labels":2023,"number":2028,"owner":1985,"repository":1985,"state":2017,"title":2029,"updated_at":2030,"url":2031,"score":2032},[2024,2025],{"name":2014,"color":2015},{"name":2026,"color":2027},"2.x","d4c5f9",4960,"Dynamic component server side rendering doesn't work when used inside v-if and v-else","2024-06-20T14:03:01Z","https://github.com/nuxt/nuxt/issues/4960",0.69860846,{"description":2034,"labels":2035,"number":2040,"owner":1985,"repository":2002,"state":2017,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4\n\n### Description\n\nThe button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.\n\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup>\n \u003CUModal\n :close=\"true\"\n v-model:open=\"open\"\n title=\"Test\"\n >\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"open = true\"\n >\n Modal Button\n \u003C/UButton>\n \u003Ctemplate #body>\n Body\n \u003C/template>\n \u003Ctemplate #footer>\n \u003Cdiv class=\"flex justify-start w-full gap-4\">\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Cancel\"\n @click=\"open = false\"\n />\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2036,2039],{"name":2037,"color":2038},"bug","d73a4a",{"name":1999,"color":2000},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.7090626,{"labels":2046,"number":2055,"owner":1985,"repository":1985,"state":2017,"title":2056,"updated_at":2057,"url":2058,"score":2059},[2047,2048,2051,2052],{"name":2011,"color":2012},{"name":2049,"color":2050},"dx","C39D69",{"name":2037,"color":2038},{"name":2053,"color":2054},"🔨 p3-minor","FBCA04",13176,"Errors when using a Vue components library using defineNuxtModule and third party dependencies","2023-01-19T16:48:30Z","https://github.com/nuxt/nuxt/issues/13176",0.70936865,{"description":2061,"labels":2062,"number":2065,"owner":1985,"repository":2002,"state":2017,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\n\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\nGo to https://ui3.nuxt.dev/getting-started and change the theme to dark and the neutral color to neutral.\n\n### Description\n\nI just entered the site and had the preference to see the docs with neutral colors and in dark mode and now seems that the last update on the docs brokes the dark mode with neutral color. I tested it in multiple browsers and looks the same.\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/f79b85ea-a40a-4f97-9c81-f36735d1eebb\n\n### Logs\n\n```shell-script\n\n```",[2063,2064],{"name":2037,"color":2038},{"name":1999,"color":2000},3399,"Dark mode with neutral color seems to be broken in the v3 UI docs","2025-03-22T15:51:05Z","https://github.com/nuxt/ui/issues/3399",0.7162495,{"description":2071,"labels":2072,"number":2078,"owner":1985,"repository":1985,"state":2017,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Version\n\n[v2.9.2](https://github.com/nuxt.js/releases/tag/v2.9.2)\n\n### Reproduction link\n\n[https://github.com/raWINce/nuxt-duplicate-data-v-attribute](https://github.com/raWINce/nuxt-duplicate-data-v-attribute)\n\n### Steps to reproduce\n\nReload the page\n\n\n### What is expected ?\n\nCorrect html without duplicate attributes that is valid according to https://validator.w3.org\n\n### What is actually happening?\n\nThe `div` rendered inside the slot has a dupplicate `data-v-*` attribute. The html provided by the nuxt server is thus no valid html according to https://validator.w3.org\n\n\n\nThis behaviour only occurs, when\n- the parent of the component with the render function has scoped styles\n- the `render` function directly returns the slot: `return this.$scopedSlots.default()`\n- the child component has scoped styles and a slot\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9763\">#c9763\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2073,2076,2077],{"name":2074,"color":2075},"stale","ffffff",{"name":2014,"color":2015},{"name":2026,"color":2027},6401,"Duplicate data-v-* attribute with render function scopedSlot and scoped styles","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6401",0.71633595,{"labels":2084,"number":2088,"owner":1985,"repository":1985,"state":2017,"title":2089,"updated_at":2090,"url":2091,"score":2092},[2085,2086,2087],{"name":2074,"color":2075},{"name":2014,"color":2015},{"name":2026,"color":2027},8904,"Hydration error with scoped slots and component discovery (async components)","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8904",0.71640456,{"description":2094,"labels":2095,"number":2098,"owner":1985,"repository":1985,"state":2017,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.15.0`\r\n- Nuxt Version: `3.0.0-rc.8`\r\n- Package Manager: `yarn@1.19.2`\r\n- Builder: `vite`\r\n- User Config: `build`, `css`, `components`, `runtimeConfig`, `typescript`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n- Default Nuxt 3 config with universal rendering\n\n### Reproduction\n\n- create a basic Vue component with only some html and no script or style\r\n- include the component in a layout\n\n### Describe the bug\n\nWhen looking into the final build I expect the component html to be serverside rendered and only included in the server/index.mjs once. Currently the html from a component is indeed included in the server/index.mjs but also a chunk is loaded in the client which includes the same html dom. Of course we don't want that duplication as it's bad for performance. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2096,2097],{"name":2011,"color":2012},{"name":2014,"color":2015},14763,"Vue components html is included twice in production build","2023-01-19T17:39:59Z","https://github.com/nuxt/nuxt/issues/14763",0.71756834,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"7T1z1Wp_ZExdmh2zzqgseDgjxg4L3TDqgsHFZyQyD6A":-1},"/nuxt/ui/2947"]