\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":2931,"labels":2932,"number":2937,"owner":2872,"repository":2872,"state":2874,"title":2938,"updated_at":2939,"url":2940,"score":2941},"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",[2933,2936],{"name":2934,"color":2935},"enhancement","8DEF37",{"name":2902,"color":2903},9074,"Allow specific names in publicRuntimeConfig","2023-01-22T15:52:51Z","https://github.com/nuxt/nuxt/issues/9074",0.7396984,{"description":2943,"labels":2944,"number":2948,"owner":2872,"repository":2873,"state":2874,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### 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```",[2945,2946,2947],{"name":2883,"color":2884},{"name":2869,"color":2870},{"name":2887,"color":2888},4018,"Overriding root variables stopped working in 3.1.0","2025-04-29T12:40:17Z","https://github.com/nuxt/ui/issues/4018",0.74238724,{"description":2954,"labels":2955,"number":2956,"owner":2872,"repository":2925,"state":2874,"title":2957,"updated_at":2958,"url":2959,"score":2960},"`\u003CIcon name=\"uil:github\" color=\"red\" />`\r\nreturns\r\n\r\n**App.config.ts**\r\n```\r\n// https://github.com/nuxt-modules/icon#configuration-%EF%B8%8F\r\nexport default defineAppConfig({\r\n icon: {\r\n size: \"300%\", // default \u003CIcon> size applied\r\n class: \"icon\", // default \u003CIcon> class applied\r\n mode: \"css\", // svg || css\r\n aliases: {\r\n nuxt: \"logos:nuxt-icon\",\r\n },\r\n },\r\n})\r\n```\r\n",[],176,"Add universal support for color attribute (similar to CSS icons)","2024-07-15T16:06:31Z","https://github.com/nuxt/icon/issues/176",0.74413574,{"description":2962,"labels":2963,"number":2971,"owner":2872,"repository":2873,"state":2874,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Description\n\nI am not sure what I am missing, I have added a UBadge into a UDashboardCard but the color/design is wrong:\n\n```html\n \u003CUDashboardCard\n v-if=\"hasDealLinked\"\n title=\"Linked Deal\"\n >\n\n \u003CUBadge\n color=\"red\"\n variant=\"subtle\"\n size=\"xs\"\n >\n {{ linkedItems?.deal.name }}\n \u003C/UBadge>\n \u003C/UDashboardCard>\n```\n\n\nnuxt.config.ts\n```Typescript\n ui: {\n global: true,\n safelistColors: ['red'],\n theme: {\n colors: ['primary', 'secondary', 'info', 'success', 'warning', 'error', 'reverse', 'red']\n }\n },\n```\n\nRender is not a subtle one and border color is never red:\n\n\n\nMany thanks for the help\n",[2964,2965,2968],{"name":2866,"color":2867},{"name":2966,"color":2967},"needs reproduction","CB47CF",{"name":2969,"color":2970},"closed-by-bot","ededed",3378,"UBadge Color and variant","2025-05-18T02:13:28Z","https://github.com/nuxt/ui/issues/3378",0.74951947,{"labels":2977,"number":2979,"owner":2872,"repository":2872,"state":2874,"title":2980,"updated_at":2981,"url":2982,"score":2983},[2978],{"name":2902,"color":2903},7231,"Colors in global scss","2023-01-18T15:36:21Z","https://github.com/nuxt/nuxt/issues/7231",0.75022274,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzLKTiC8MeFHr84sB4tRA1FKAoV8Gm-dGpd4I6GZAqM4":-1},"/nuxt/ui/4035"]