\r\n\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefineProps({ icon: String })\r\n\u003C/script>\r\n```",[],174,"icon","Can the Base component be changed to \"NuxtIcon\" instead of \"Icon\" with the \"name\" attribute?","2024-06-26T16:45:07Z","https://github.com/nuxt/icon/issues/174",0.7369377,{"description":3112,"labels":3113,"number":3118,"owner":3027,"repository":3027,"state":3029,"title":3119,"updated_at":3120,"url":3121,"score":3122},"Hi and thanks for your work on Nuxt.\r\n\r\n**Request**\r\n\r\nAs I mentioned in the official Nuxt `Discord`, can you please consider allowing users to use words/names such as `app` in project configuration?\r\n\r\nIt's short, strong meaning and definitely one of the most common for a configuration within a project. I think this approach that doesn't allow the use of such common names in the project configuration can be very confusing and problematic for debugging.\r\n\r\n**Code example**\r\n\r\nThis worked fine until version `2.15.0`, so it's kind of a `breaking-change`:\r\n\r\n```js\r\n// nuxt.config.js\r\n\r\nexport default {\r\n publicRuntimeConfig: {\r\n // Doesn't work after version '2.14.12'\r\n app: {\r\n title: 'New Title',\r\n titleSeparator: '-',\r\n titleTemplate: 'Title Template',\r\n description: 'New Description',\r\n },\r\n },\r\n}\r\n```\r\n\r\n**Suggestion**\r\n\r\nAs Daniel said in Discord chat:\r\n\r\n> Nuxt is using the `app` namespace for internal dynamic config.\r\n\r\nIt might make more sense to use alternatives under the hood (in Nuxt core such as `_app` or `__app`) and allow users to use the normal versions (such as `app`).\r\n\r\n**Other examples**\r\n\r\nThis is allowed in `Next.js`.\r\n",[3114,3117],{"name":3115,"color":3116},"enhancement","8DEF37",{"name":3057,"color":3058},9074,"Allow specific names in publicRuntimeConfig","2023-01-22T15:52:51Z","https://github.com/nuxt/nuxt/issues/9074",0.7396984,{"description":3124,"labels":3125,"number":3130,"owner":3027,"repository":3028,"state":3029,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### Description\n\nHi! How can I set up a variant, for example switch component?\n\n`app.config`:\n```js\nswitch: {\n defaultVariants: {\n color: 'neutral',\n },\n variants: {\n button: {\n true: {\n root: 'flex-row-reverse hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] rounded-[calc(var(--ui-radius)*1.5)] transition-colors',\n container: 'my-2 mx-2',\n wrapper: 'size-full relative',\n label: 'py-2',\n },\n }\n }\n}\n```\nUsing this has no effect...\n```html\n\u003CUSwitch v-model=\"value\" label=\"test\" button />\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?",[3126,3127,3128,3129],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3081,"color":3082},{"name":3084,"color":3082},3179,"Understanding how variants work (custom variants)","2025-06-18T09:02:25Z","https://github.com/nuxt/ui/issues/3179",0.74079627,{"description":3136,"labels":3137,"number":3141,"owner":3027,"repository":3028,"state":3029,"title":3142,"updated_at":3143,"url":3144,"score":3145},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.17.0`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.4.0`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\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\nhttps://codesandbox.io/p/devbox/modern-dust-h3lryc\n\n### Description\n\nHey, after upgrading to latest `@nuxt/ui`, custom Nuxt UI variable overrides stopped working. Looks like the correct colors are not generating.\n\nThis has worked in the previous versions:\n\n```\n:root {\n --ui-bg-elevated: var(--ui-color-neutral-500);\n}\n\nmain {\n --ui-bg-elevated: var(--color-white);\n}\n\n// Should have color --ui-color-neutral-500 with 0.5 opacity - CORRECT\n\u003Cdiv class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/div>\n\n// Should have color --color-white with 0.5 opacity - NOT WORKING - has colors from :root\n\u003Cmain class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/main>\n```\n\nCurrently, the variables in main have no effect on the sites.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3138,3139,3140],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3042,"color":3043},4018,"Overriding root variables stopped working in 3.1.0","2025-04-29T12:40:17Z","https://github.com/nuxt/ui/issues/4018",0.74238724,["Reactive",3147],{},["Set"],["ShallowReactive",3150],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzLKTiC8MeFHr84sB4tRA1FKAoV8Gm-dGpd4I6GZAqM4":-1},"/nuxt/ui/4035"]