\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?",[2017,2020],{"name":2018,"color":2019},"question","d876e3",{"name":1988,"color":1989},3179,"Understanding how variants work (custom variants)","2025-01-26T09:27:59Z","https://github.com/nuxt/ui/issues/3179",0.70748454,{"description":2027,"labels":2028,"number":2031,"owner":1994,"repository":1995,"state":2032,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### Description\n\n I wanted to ask if you have considered implementing a server-side table feature in Nuxt UI v3, similar to the functionality provided by Vuetify's DataTable component.\n\nVuetify's DataTable offers built-in support for server-side pagination, filtering, and sorting, which makes it an excellent solution for handling large datasets efficiently. It would be fantastic to see a similar feature integrated into Nuxt UI v3. \nI would love to hear your thoughts on this feature and whether it's something that could be considered for future releases.\n\nThank you for your time and attention!",[2029,2030],{"name":2005,"color":2006},{"name":1988,"color":1989},3023,"closed","I would like to ask, have you considered making a server side table in v3?","2025-01-13T10:43:59Z","https://github.com/nuxt/ui/issues/3023",0.7052343,{"description":2038,"labels":2039,"number":2043,"owner":1994,"repository":1995,"state":2032,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### Environment\n\nI just use the demo component on nuxt ui page\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nI recorded it, you can see my vid:\n\nhttps://github.com/user-attachments/assets/82b444d5-473f-43b3-b26f-55b30cc61184\n\n### Description\n\nIt happens when a select box is opening.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2040,2041,2042],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3261,"I saw some flickering with the select boxes in a form","2025-03-08T13:57:49Z","https://github.com/nuxt/ui/issues/3261",0.7111779,{"description":2049,"labels":2050,"number":2057,"owner":1994,"repository":1994,"state":2032,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Environment\n\nNuxt 3.0.0-rc.11\n\n### Reproduction\n\nStackBlitz: https://stackblitz.com/edit/nuxt3-layout-slot-bug\n\n### Describe the bug\n\nLayout slots not working with default layout, generate error (see reproduction):\r\n\r\n```\r\nError: Codegen node is missing for element/if/for node. Apply appropriate transforms first.\r\n```\r\n\r\nNote the use of `app.vue`.\r\n\r\nExplicitly using `\u003CNuxtLayout>` with `layout: false` in page meta works but leads to full re-render of the layout and kinda defies the purpose of a default layout.\r\n\r\nNot sure if I'm doing something wrong with the setup, but following the docs, the code in the repro should work. Also, best in terms of DX IMO.\n\n### Additional context\n\nThis is a typical use case where you for instance have a nav and want to add additional items via a slot on specific pages.\n\n### Logs\n\n_No response_",[2051,2054],{"name":2052,"color":2053},"3.x","29bc7f",{"name":2055,"color":2056},"pending triage","E99695",15158,"Layout slots not working in default layout","2023-09-26T14:37:01Z","https://github.com/nuxt/nuxt/issues/15158",0.71655536,{"description":2063,"labels":2064,"number":2071,"owner":1994,"repository":1994,"state":2032,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Describe the feature\n\nhey 👋\r\n\r\nrecently I came across a special case where I had to pass a component to child NuxtPage and figured out that NuxtPage does not seem to support passing vslot.\r\n\r\nHere is the documentation from Vue Router about that:\r\nhttps://router.vuejs.org/guide/advanced/router-view-slot\r\n\r\nSeems very useful functionality. Do you think it would be possible to support it with NuxtPage?\r\n\r\nCheers!\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2065,2067,2068],{"name":2005,"color":2066},"8DEF37",{"name":2052,"color":2053},{"name":2069,"color":2070},"🍰 p2-nice-to-have","0E8A16",26998,"RouterView slot","2024-05-03T12:58:19Z","https://github.com/nuxt/nuxt/issues/26998",0.71718687,{"description":2077,"labels":2078,"number":2081,"owner":1994,"repository":1995,"state":2032,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### Environment\n\n```\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.39\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@https://pkg.pr.new/@nuxt/ui@1b3c919\n- Build Modules: -\n```\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3 latest commit\n\n### Description\n\nIn WebStorm interfaces cant be resolved as if they dont exist:\n\n\u003Cimg width=\"653\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5d98f435-fc3d-4b9b-a83f-3f9e2380c12d\" />\n\nPossibly because types/index.d.ts exports vue files.\n\n\n### Additional context\n\nPossibly an issue with WebStorm because auto completion and type checking is working\n\n\u003Cimg width=\"492\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ba1dce0a-4dd8-4a03-9dcb-b3e045e0b9d7\" />",[2079,2080],{"name":1985,"color":1986},{"name":1988,"color":1989},2947,"v3: Interfaces cant be resolved in WebStorm","2025-04-16T13:18:50Z","https://github.com/nuxt/ui/issues/2947",0.7187761,{"description":2087,"labels":2088,"number":2096,"owner":1994,"repository":1994,"state":2032,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-issues-25423\r\n\r\n### Describe the bug\r\n\r\nUsing nested slots in a server components + `nuxt-client` breaks:\r\n\r\nExample\r\n\r\n```vue\r\n\u003C!-- ServerComp.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CAppButton nuxt-client>\r\n \u003Cslot />\r\n \u003C/AppButton>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```vue\r\n\u003C!-- App.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CServerComp>\r\n Some slot content here\r\n \u003C/ServerComp>\r\n \u003C/div>\r\n\u003C/template>\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_",[2089,2090,2093],{"name":2052,"color":2053},{"name":2091,"color":2092},"🔨 p3-minor","FBCA04",{"name":2094,"color":2095},"server components","839413",25423,"Respect named slots in server components","2024-03-06T15:26:20Z","https://github.com/nuxt/nuxt/issues/25423",0.7309697,{"description":2102,"labels":2103,"number":2106,"owner":1994,"repository":1994,"state":2032,"title":2107,"updated_at":2108,"url":2109,"score":2110},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `build`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-rhmame-yu2hri?file=components%2FNestedSlots.vue,app.vue\n\n### Describe the bug\n\nThis is a weird one, it is probably easier to understand looking at the reproduction example.\r\n\r\nWhen defining slot content / templates in a `v-for` loop, the current loop element is undefined in that slot. However, this only occurs in very specific cases:\r\n\r\n1. Page is rendered in SSR\r\n2. Slot Templates are defined in `v-for`\r\n3. Content referencing the loop element is using an external component that is also using slots\r\n\r\nIt works perfectly fine on client side or if the component used to render the content is internal (part of the same project, not pre-built from a library).\n\n### Additional context\n\nWe came across this issue when starting to extract a component library from our project prototype.\r\n\r\nWe have a dynamic table / listing component used to render a list of objects based on a column configuration. This component also provides dynamic scoped slots for every column in case we want to customize the rendering.\r\n\r\nUnder the hood, it uses our basic table components to render table rows and cells. After we moved those table components to our new component library, the dynamic listing suddenly broke in SSR.\r\n\r\nHowever, I made the reproduction example as simple as I could and used a random UI library instead of our own code to make sure the same error happens.\n\n### Logs\n\n_No response_",[2104,2105],{"name":2052,"color":2053},{"name":2055,"color":2056},15433,"Loop context is lost when rendering nested slot in v-for using external component in SSR","2023-01-19T17:50:15Z","https://github.com/nuxt/nuxt/issues/15433",0.7335447,["Reactive",2112],{},["Set"],["ShallowReactive",2115],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"wyaa3QginqHUjFwsKNy-TKlOXazDcBn1PpbKW8Sl4d0":-1},"/nuxt/ui/3399"]