\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,"nuxt","icon","open","[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.7747251,{"description":3154,"labels":3155,"number":1230,"owner":3146,"repository":3159,"state":3160,"title":3161,"updated_at":3162,"url":3163,"score":3164},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2424%3A12792\n\n- [x] Replace `UPills` component with list of `ULink`\n- [x] `text-base` instead of `text-sm`\n- [x] Remove logo hover in green\n- [x] Login button in primary variant",[3156],{"name":3157,"color":3158},"enhancement","1ad6ff","nuxt.com","closed","Improve navbar links","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/114",0.6984005,{"description":3166,"labels":3167,"number":3177,"owner":3146,"repository":3178,"state":3160,"title":3179,"updated_at":3180,"url":3181,"score":3182},"### 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_",[3168,3171,3174],{"name":3169,"color":3170},"bug","d73a4a",{"name":3172,"color":3173},"duplicate","cfd3d7",{"name":3175,"color":3176},"v3","49DCB8",2378,"ui","[Select/Dropdown/Modal] Modal z-index not properly configured","2024-10-21T10:15:45Z","https://github.com/nuxt/ui/issues/2378",0.73380715,{"description":3184,"labels":3185,"number":3189,"owner":3146,"repository":3159,"state":3160,"title":3190,"updated_at":3191,"url":3192,"score":3193},"icon Label https://www.notion.so/nuxt/Icon-label-44a0c28cb7fd428c87ecab3362289a74",[3186],{"name":3187,"color":3188},"a11y","2CD658",1088,"[Review] Icon","2023-01-04T13:47:36Z","https://github.com/nuxt/nuxt.com/issues/1088",0.7341984,{"description":3195,"labels":3196,"number":3198,"owner":3146,"repository":3159,"state":3160,"title":3199,"updated_at":3162,"url":3200,"score":3201},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2441%3A11054",[3197],{"name":3157,"color":3158},115,"Improve docs navigation bar","https://github.com/nuxt/nuxt.com/issues/115",0.75296044,{"description":3203,"labels":3204,"number":3198,"owner":3146,"repository":3205,"state":3160,"title":3206,"updated_at":3207,"url":3208,"score":3201},"If I have my global scripts set up like so:\r\n\r\n\r\n\r\nThen the scripts are output as expected on the frontend:\r\n\r\n\r\n\r\nHowever, if I pass in a UseScriptInput object, like so:\r\n\r\n\r\n\r\nThen the script is not output:\r\n\r\n\r\n\r\nIf I pass [UseScriptInput, NuxtUseScriptOptions], like so:\r\n\r\n\r\n\r\nI get this error:\r\n\r\n\r\n\r\nENV:\r\nbun 1.1.16\r\nnuxt 3.12.2\r\n@nuxt/scripts 0.5.1\r\n\r\nRunning with compatibility version 4\r\n",[],"scripts","Issues using UseScriptInput in the globals section of nuxt.config.ts","2024-07-03T09:16:13Z","https://github.com/nuxt/scripts/issues/115",{"description":3210,"labels":3211,"number":3214,"owner":3146,"repository":3178,"state":3160,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.2\n- CLI Version: 3.15.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.7\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nThe `:ui` prop is not handled by the component ButtonGroup ?\n\n### Description\n\nI tried to add somme classes to the ButtonGroup component, with `class=` attribute, with `:ui=` attribute, but it seems that nothing works.\n\n\n\n### Additional context\n\nI've tried to look into the code, but I don't understand all the magic you've done !\n\n### Logs\n\n_No response_",[3212,3213],{"name":3169,"color":3170},{"name":3175,"color":3176},2498,"[v3] ButtonGroup : class and ui attributes not handled ?","2024-10-31T09:25:42Z","https://github.com/nuxt/ui/issues/2498",0.7640469,{"description":3220,"labels":3221,"number":3222,"owner":3146,"repository":3159,"state":3160,"title":3223,"updated_at":3224,"url":3225,"score":3226},"these should point to module repo + link rather than to nuxt.com",[],1271,"normalize relative links in module readmes","2023-10-10T14:44:46Z","https://github.com/nuxt/nuxt.com/issues/1271",0.7669809,{"description":3228,"labels":3229,"number":3239,"owner":3146,"repository":3178,"state":3160,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Description\n\n## No Clear Documentation for Targeting Active Styles in `NavigationMenu` Component\n\n### Description\n\nI'm trying to apply custom styles to the active state of a menu item in the `NavigationMenu` component, but there doesn't seem to be any clear documentation on how to do this.\n\nThe [theming docs](https://ui.nuxt.com/getting-started/theme#props) mention using the `:ui` attribute to target internal parts of a component, and the [theme structure for `NavigationMenu`](https://ui.nuxt.com/components/navigation-menu#theme) shows a large theme object. However, attempting to follow that structure often results in unexpected behavior—like rendering `[object Object]`, which suggests that it doesn't expect an object or the nested configuration isn’t being parsed correctly.\n\nEven large language models get tripped up when referencing the documentation. Some approaches I've tried (unsuccessfully) include:\n\n```js\nlink: {\n base: 'px-3 py-2 rounded-md',\n active: 'bg-primary text-white font-medium'\n},\nvariants: {\n active: {\n true: {\n item: 'bg-primary text-white font-medium'\n }\n }\n}\n```\n\nThe only working solution so far is using data-* attributes like this:\n```js\nlink: 'text-md data-active:bg-primary data-active:text-white'\n```\nWhile this works, it’s undocumented and feels fragile—it could easily break with a future update if it’s not the intended method.\n\n### Question\nWhat is the official and supported way to apply styles based on active state for subcomponents like link in NavigationMenu?",[3230,3233,3234,3237],{"name":3231,"color":3232},"question","d876e3",{"name":3175,"color":3176},{"name":3235,"color":3236},"closed-by-bot","ededed",{"name":3238,"color":3236},"stale",4279,"Targeting active menu styles","2025-08-20T02:08:31Z","https://github.com/nuxt/ui/issues/4279",0.7717971,{"description":3245,"labels":3246,"number":3249,"owner":3146,"repository":3178,"state":3160,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### 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```",[3247,3248],{"name":3231,"color":3232},{"name":3175,"color":3176},3517,"How To Style NavigationMenu items","2025-05-10T11:36:22Z","https://github.com/nuxt/ui/issues/3517",0.7739303,["Reactive",3255],{},["Set"],["ShallowReactive",3258],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGMgGHOfX4gU897EySR7qxg7U952dGR8RHyv1e5_7RVA":-1},"/nuxt/nuxt.com/1089"]