\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst flip = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nWhile this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.\r\n\r\nIt would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.",[],138,"icon","[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.7679868,{"description":2912,"labels":2913,"number":2918,"owner":2872,"repository":2873,"state":2919,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Description\n\nCan components be imported manually in Vue projects",[2914,2917],{"name":2915,"color":2916},"question","d876e3",{"name":2894,"color":2895},3340,"closed","Can components be imported manually in Vue projects","2025-02-17T10:10:41Z","https://github.com/nuxt/ui/issues/3340",0.69429857,{"description":2925,"labels":2926,"number":2933,"owner":2872,"repository":2873,"state":2919,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, compatibilityDate, devtools, css, ui, devServer, future, telemetry, hooks, eslint\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/ui-pro@3.0.1, nuxt-jsonld@2.1.0, @pinia/nuxt@0.10.1\n- Build Modules: -\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt v3.16.1\nui-pro v3.0.1\n\n### Reproduction\n\nWhen I add the following to my nuxt.config.ts:\n\n```ts\n{\n ui: {\n colorMode: false\n }\n}\n```\n\n...then `npx nuxi typecheck` fails with 8 errors.\n\n```\n[...snip]\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n18 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\n\nFound 8 errors in 8 files.\n\nErrors Files\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSwitch.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/content/ContentSearch.vue:89\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/DashboardSearch.vue:57\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10\n\n ERROR Process exited with non-zero status (2)\n```\n\n### Description\n\nI think that there probably needs to be a stub export set up in all cases? Or these files should not be gathered by the typechecking script?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2927,2928,2929,2932],{"name":2866,"color":2867},{"name":2894,"color":2895},{"name":2930,"color":2931},"pro","5BD3CB",{"name":2869,"color":2870},3657,"Setting ui.colorMode = false breaks nuxi typecheck","2025-03-27T20:54:57Z","https://github.com/nuxt/ui/issues/3657",0.7399918,{"description":2939,"labels":2940,"number":2946,"owner":2872,"repository":2873,"state":2919,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Environment\n\nOperating System: Windows_NT\nNode Version: v20.18.0\nNuxt Version: -\nCLI Version: 3.14.0\nNitro Version: -\nPackage Manager: unknown\nBuilder: -\nUser Config: -\nRuntime Modules: -\nBuild Modules: -\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nSelect menu, dropdown, input menu etc are displayed under the modal.\nHappens when modal is fullscreen as well. Didn't check every component, but most are like this.\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2941,2942,2945],{"name":2866,"color":2867},{"name":2943,"color":2944},"duplicate","cfd3d7",{"name":2894,"color":2895},2378,"[Select/Dropdown/Modal] Modal z-index not properly configured","2024-10-21T10:15:45Z","https://github.com/nuxt/ui/issues/2378",0.74216145,{"description":2952,"labels":2953,"number":2956,"owner":2872,"repository":2873,"state":2919,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Description\n\nIn V2 we had `primary` util classes out of the box. E.g. `text-primary`. What happend in V3 with this? Looking at the Nuxt UI website, I can see that this has been done with the var syntaxt. E.g. `text-(--ui-primary)`, but this doesn't really makes sense to me...\n\nI'm creating some pages in `.vue` files, where I'd like to have to flexility to write normal classes and not variables all over the place. I now came up with something like this.\n\n```css\n@theme {\n --color-primary: var(--ui-primary);\n\n --color-primary-50: var(--ui-color-primary-50);\n --color-primary-100: var(--ui-color-primary-100);\n --color-primary-200: var(--ui-color-primary-200);\n --color-primary-300: var(--ui-color-primary-300);\n --color-primary-400: var(--ui-color-primary-400);\n --color-primary-500: var(--ui-color-primary-500);\n --color-primary-600: var(--ui-color-primary-600);\n --color-primary-700: var(--ui-color-primary-700);\n --color-primary-800: var(--ui-color-primary-800);\n --color-primary-900: var(--ui-color-primary-900);\n --color-primary-950: var(--ui-color-primary-950);\n}\n```\n\nAdditionally, what I also find quite annoying is the fact that my intellisense is bloated with all tailwind colors. But like in V2, you can't easily disable them, since some colors are being used throughout the Nuxt UI config.\n\nWould be nice to have some more flexibility in this or some maybe some extra docs?",[2954,2955],{"name":2915,"color":2916},{"name":2894,"color":2895},3334,"Default classes like `primary`","2025-02-17T05:57:12Z","https://github.com/nuxt/ui/issues/3334",0.755244,{"description":2962,"labels":2963,"number":2966,"owner":2872,"repository":2873,"state":2919,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, nuxt-svgo@4.0.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from \"#ui/types\";\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: \"Menu\",\n defaultOpen: true,\n children: [\n {\n label: \"Submenu\",\n badge: {\n label: \"latest\",\n color: \"secondary\",\n },\n to: \"https://www.example.com\",\n target: \"_blank\",\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nAfter upgrading from `alpha.8` to `alpha.9`, the border radius is wrong (different from the rest of the application) when using badge in the [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu). When inspecting HTML, this is the class (related to border radius) applied to the badge: `rounded-[calc(var(--ui-radius)]`.\n\nI also tried passing the [class](https://ui3.nuxt.dev/components/badge#class-prop) to `BadgeProps` but it doesn't work:\n```vue\n```vue\n\u003Cscript setup lang=\"ts\">\n/* Types */\nimport type { NavigationMenuItem } from \"#ui/types\";\n\nconst items = ref\u003CNavigationMenuItem[][]>([\n [\n {\n label: \"Menu\",\n defaultOpen: true,\n children: [\n {\n label: \"Submenu\",\n badge: {\n label: \"latest\",\n color: \"secondary\",\n class: \"rounded-full\", // ! NOT WORKING\n },\n to: \"https://www.example.com\",\n target: \"_blank\",\n },\n ],\n },\n ],\n]);\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"h-full\">\n \u003CUNavigationMenu orientation=\"vertical\" :items=\"items\" />\n \u003C/div>\n\u003C/template>\n```\nHowever, IMO the border radius should be inherited (no need to pass `class`).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2964,2965],{"name":2866,"color":2867},{"name":2894,"color":2895},2766,"Badge border radius is wrong (NavigationMenu)","2024-11-26T11:23:27Z","https://github.com/nuxt/ui/issues/2766",0.7553157,{"description":2972,"labels":2973,"number":2976,"owner":2872,"repository":2873,"state":2919,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\n\nIn the vertical pill variant I want the background of the active item to be white. It's not clear how to achieve this through the `ui` prop\n\n\n\n```\n\u003CUNavigationMenu\n orientation=\"vertical\"\n variant=\"pill\"\n :items=\"items\"\n\n :ui=\"{\n variants: {\n compoundVariants: [\n {\n variant: 'pill',\n active: true,\n highlight: false,\n class: {\n link: 'before:bg-white' // tried this but it's not working\n }\n }\n ]\n }\n }\"\n/>\n```",[2974,2975],{"name":2915,"color":2916},{"name":2894,"color":2895},3517,"How To Style NavigationMenu items","2025-05-10T11:36:22Z","https://github.com/nuxt/ui/issues/3517",0.75608057,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fHUW3Ez_ggHggWOaT5yDeyL3qmIDhoB04wdR845JLbZo":-1},"/nuxt/nuxt.com/1271"]