\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?",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"v3","49DCB8",3179,"nuxt","ui","open","Understanding how variants work (custom variants)","2025-01-26T09:27:59Z","https://github.com/nuxt/ui/issues/3179",0.7537342,{"description":1999,"labels":2000,"number":2004,"owner":1991,"repository":1991,"state":1993,"title":2005,"updated_at":2006,"url":2007,"score":2008},"I believe the Nuxt documentation is rich in explanations and examples, thanks to the contributions of many open-source contributors. However, as the documentation rapidly expands, would it be beneficial to maintain a more consistent structure and ordering of sections? This could improve readability for users and make it easier for contributors to edit and navigate the documentation. \n\nCurrently, I’ve noticed some inconsistencies. For example, the function parameters section is labeled **\"Parameters\"** on some pages but **\"Params\"** on others. Additionally, some pages introduce type definitions at the beginning, while others place them at the end. \n\nWould it make sense to standardize these sections, including their order, to create a more structured and cohesive documentation experience? \n\nBelow are some rough ideas I’ve gathered for a possible structure. Of course, not every page may need all of these sections: \n\n- **Usage**: Explains how to use the function or feature, often including basic examples and common use cases. \n- **Type or Type Declarations**: Defines the TypeScript types related to the function or component, helping users understand expected input and output structures. \n- **Parameters**: Lists and describes the function’s input arguments, including their types, default values, and possible options. \n- **Return Values**: Details what the function returns, including any relevant types, structures, or expected behaviors. \n- **Example**: Provides one or more practical usage examples to demonstrate the function in action. \n\nI'm not sure if this would be helpful, so I’d love to hear your thoughts. If there’s anything I haven’t considered, please feel free to let me know. I really appreciate your feedback! 😊\n",[2001],{"name":2002,"color":2003},"documentation","5319e7",30930,"Standardizing section order in Nuxt documentation for better readability","2025-02-11T17:07:23Z","https://github.com/nuxt/nuxt/issues/30930",0.7671856,{"description":2010,"labels":2011,"number":2021,"owner":1991,"repository":1991,"state":1993,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### Describe the feature\n\nNow that we have route groups (using parenthesis) that ignore the path for the file based routing, should we have the same for component auto-import ? \n\nSo in the `components` folder, if I create a sub-folder with parenthesis, that part is ignored for the auto-imported component name.\n\nThis would allow better organisation.\n\nExemple:\n\n```\n-| components/\n---| (2024)/\n-----| Hero.vue\n-----| Banner.vue\n```\n\nCurrent behavior: `\u003C2024Hero />` (You would need to remove the parenthesis in the folder name I think)\nNew behavior: `\u003CHero />`\n\nRef: https://nuxt.com/docs/guide/directory-structure/pages#route-groups\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).",[2012,2015,2018],{"name":2013,"color":2014},"enhancement","8DEF37",{"name":2016,"color":2017},"discussion","538de2",{"name":2019,"color":2020},"workaround available","11376d",29519,"Component groups","2024-11-24T14:06:59Z","https://github.com/nuxt/nuxt/issues/29519",0.7678782,{"description":2027,"labels":2028,"number":2030,"owner":1991,"repository":1991,"state":2031,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Describe the feature\n\nHello,\r\n\r\nThe current module author guide, https://nuxt.com/docs/guide/going-further/modules, is great but not very practical or actionable. It answers to some questions but note in depth and rarely say why you should do this or that, when you should use this or that.\r\n\r\nI get the feeling that he's trying not to take sides on the way things are done but it's frustrating when you don't know how to do things.\r\n\r\nI would love to have something with more rules, more strict, with conventions.\r\n\r\nFor examples, when should I use the `prepare` , how to log (and which logger should I use), to tell to users to take care of bundle size and maybe more things to make author module life easier.\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).",[2029],{"name":2002,"color":2003},25603,"closed","Improve Nuxt Module Author Guide","2025-03-24T22:23:22Z","https://github.com/nuxt/nuxt/issues/25603",0.75170994,{"description":2037,"labels":2038,"number":2047,"owner":1991,"repository":1991,"state":2031,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### Describe the feature\n\nA component to render it slot only during dev would be useful in some cases.\r\n\r\nThe content should be tree shaken during build\n\n### Additional information\n\n- [X] 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://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2039,2040,2041,2044],{"name":2013,"color":2014},{"name":2016,"color":2017},{"name":2042,"color":2043},"3.x","29bc7f",{"name":2045,"color":2046},"🍰 p2-nice-to-have","0E8A16",15066,"Add `DevOnly` component","2023-01-19T17:44:35Z","https://github.com/nuxt/nuxt/issues/15066",0.7530959,{"description":2053,"labels":2054,"number":2057,"owner":1991,"repository":1991,"state":2031,"title":2058,"updated_at":2059,"url":2060,"score":2061},"**Summary (generated)**:\n\nHere is a brief summary in English:\n\nThe feature mentions the usage of package managers, including pnpm and bun, as alternatives to npm and npx in certain places. The author is willing to help implement the feature and confirms they have read the contribution guide and checked existing discussions and issues on the GitHub repository.\n\n\u003Chr>\n\n### Describe the feature\n\nIn some places, pnpm and bun are also used, whereas in some places it is just npm/npx.\n\n### Additional information\n\n- [X] 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).",[2055,2056],{"name":2002,"color":2003},{"name":2045,"color":2046},27790,"Documentation Improvment - All package managers throughout docs","2025-03-24T22:25:53Z","https://github.com/nuxt/nuxt/issues/27790",0.7532705,{"description":2063,"labels":2064,"number":2068,"owner":1991,"repository":1991,"state":2031,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### Describe the feature\n\nAdd back the default folder components, assets, store, plugins, layouts as it was like before\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],{"name":2066,"color":2067},"pending triage","E99695",28429,"Add back the default folder","2024-08-06T12:23:19Z","https://github.com/nuxt/nuxt/issues/28429",0.7543453,{"description":2074,"labels":2075,"number":2079,"owner":1991,"repository":1991,"state":2031,"title":2080,"updated_at":2081,"url":2082,"score":2083},"Initially, we started documenting usage explanations and examples to the same directory structure in the docs. \r\n\r\nWhile this is a nice feature of docs to navigate through and visually see what each directory of file does, we probably could have better placement for usage of features and concepts and cross linking to detailed parts when applicable. Pages like [features API](https://v3.nuxtjs.org/guide/features/plugins) are currently empty.\r\n\r\nI think we could split docs like this per feature:\r\n- Feature or Concept explanation with usage examples\r\n - Link to API\r\n - Link to directory-structure \r\n - Link to examples\r\n- API page for signature and detailed argument explanation\r\n - Link to feature/concept\r\n- Directory structure page that explains **how the files are auto-scanned**\r\n - Link to feature/concept\r\n- Examples\r\n - Link to feature/concept\r\n\r\n\r\nSections to split:\r\n\r\n- [ ] Plugins\r\n - https://v3.nuxtjs.org/guide/directory-structure/plugins => [features/plugin](https://v3.nuxtjs.org/guide/features/plugins)\r\n- [ ] Components\r\n - https://v3.nuxtjs.org/guide/directory-structure/components => [concepts/components?]\r\n- [ ] Layouts\r\n - https://v3.nuxtjs.org/guide/directory-structure/layouts => [features/layouts?]\r\n- [ ] Middleware\r\n - https://v3.nuxtjs.org/guide/directory-structure/middleware => [features/routing?]\r\n- [ ] Pages\r\n - https://v3.nuxtjs.org/guide/directory-structure/pages => [features/routing?]\r\n",[2076,2077,2078],{"name":2002,"color":2003},{"name":2016,"color":2017},{"name":2042,"color":2043},14663,"[docs] Split usage from directory structure","2023-01-19T17:39:02Z","https://github.com/nuxt/nuxt/issues/14663",0.7564258,{"labels":2085,"number":2087,"owner":1991,"repository":1991,"state":2031,"title":2088,"updated_at":2089,"url":2090,"score":2091},[2086],{"name":2002,"color":2003},13653,"Documentation progress","2025-02-22T22:32:21Z","https://github.com/nuxt/nuxt/issues/13653",0.75675166,{"description":2093,"labels":2094,"number":2101,"owner":1991,"repository":1991,"state":2031,"title":2102,"updated_at":2103,"url":2104,"score":2105},"### Describe the feature\r\n\r\nThe current directory structure can be overwhelming for a large project. Considering that the server directory is already pretty much separate from the rest of the app, It'd be nice if we could separate those concerns at the directory level.\r\nMy proposal is a new `clientDir` option similar to `srcDir`.\r\n\r\nExample if `clientDir` set to `client/`:\r\n```\r\n|-- client\r\n |-- assets\r\n |-- components\r\n |-- composables\r\n |-- layouts\r\n |-- middleware\r\n |-- pages\r\n |-- public\r\n|-- plugins\r\n|-- server\r\n |-- api\r\n |-- middleware\r\n|-- nuxt.config.ts\r\n|-- package.json\r\n```\r\n\r\nthe current workaround is:\r\n```typescript\r\nexport default defineNuxtConfig({\r\n dir: {\r\n layouts: 'client/layouts',\r\n middleware: 'client/middleware',\r\n public: 'client/public',\r\n pages: 'client/pages',\r\n },\r\n imports: {\r\n dirs: ['client/composables'],\r\n },\r\n components: {\r\n dirs: ['client/components'],\r\n },\r\n tailwindcss: { cssPath: './client/assets/css/tailwind.css' }, // Module specific changes\r\n});\r\n```\r\n\r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2095,2096,2099,2100],{"name":2013,"color":2014},{"name":2097,"color":2098},"good first issue","fbca04",{"name":2042,"color":2043},{"name":2045,"color":2046},14944,"An option for having separate server and client directories","2023-01-19T17:42:56Z","https://github.com/nuxt/nuxt/issues/14944",0.7597611,["Reactive",2107],{},["Set"],["ShallowReactive",2110],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"wvIb50H6raVMAVeWR4JdXWMd18zbzcu-EyPtz3B6N54":-1},"/nuxt/ui/2729"]