\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.76305455,{"description":2906,"labels":2907,"number":2914,"owner":2872,"repository":2873,"state":2874,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### 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?",[2908,2911],{"name":2909,"color":2910},"question","d876e3",{"name":2912,"color":2913},"v3","49DCB8",4279,"Targeting active menu styles","2025-06-02T10:32:24Z","https://github.com/nuxt/ui/issues/4279",0.769206,{"description":2920,"labels":2921,"number":2922,"owner":2872,"repository":2883,"state":2874,"title":2923,"updated_at":2924,"url":2925,"score":2926},"Not sure if this is a bug or just me, but I found that when I used local fonts (put inside /public/fonts directory), and have this in my main.css\n\n```\n@theme inline {\n --font-sans: \"Roboto\", sans-serif;\n}\n```\n\nIt's not loaded. But if I do this:\n\n```\n@theme {\n --font-sans: \"Roboto\", sans-serif;\n}\n```\n\nIt works.",[],638,"Local fonts with TailwindCSS v4 not loaded if using @theme inline","2025-05-27T07:25:13Z","https://github.com/nuxt/fonts/issues/638",0.7733241,{"description":2928,"labels":2929,"number":2933,"owner":2872,"repository":2934,"state":2935,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### 📚 What are you trying to do?\n\nAs I understand it, @nuxt/script should give better performance using the embedded third-party scripts.\r\n\r\nHowever when I use GTM or GoogleAnalytics I see the same hit in PageSpeed reports as using the \"vanilla\" scripts:\r\n\r\n\r\nI've done the simple implementation of adding this in my App.vue:\r\nGTM:\r\n```\r\nuseScriptGoogleTagManager({\r\n id: 'GTM-WHHKRNTJ',\r\n})\r\n```\r\n\r\nGoogle Analytics:\r\n```\r\nuseScriptGoogleAnalytics({\r\n id: 'G-0HXKBMGTW0',\r\n})\r\n```\r\n\r\nHave I misunderstood the concept of this package?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2930],{"name":2931,"color":2932},"help wanted","008672",272,"scripts","closed","No performance gain using GTM / Google Analytics","2024-11-09T05:04:35Z","https://github.com/nuxt/scripts/issues/272",0.47315222,{"description":2941,"labels":2942,"number":2949,"owner":2872,"repository":2950,"state":2935,"title":2951,"updated_at":2952,"url":2953,"score":2954},"- [x] We never use \"Roobert Bold\" you should replace all the \"font-bold\" by the semi bold version\n\n\n- [x] Prose base color must be gray-600 in light mode \n\n\n- [x] Cards have 12px border radius\n- [x] Buttons have 8px border radius",[2943,2946],{"name":2944,"color":2945},"enhancement","1ad6ff",{"name":2947,"color":2948},"design","00bd6f",515,"nuxt.com","[UI] Improvements","2022-05-20T13:20:47Z","https://github.com/nuxt/nuxt.com/issues/515",0.69882065,{"description":2956,"labels":2957,"number":2960,"owner":2872,"repository":2873,"state":2935,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### 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_",[2958,2959],{"name":2866,"color":2867},{"name":2912,"color":2913},2498,"[v3] ButtonGroup : class and ui attributes not handled ?","2024-10-31T09:25:42Z","https://github.com/nuxt/ui/issues/2498",0.7398392,{"description":2966,"labels":2967,"number":2973,"owner":2872,"repository":2873,"state":2935,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Description\r\n\r\nSometimes, I'd like to programmatically disable a form (e.g. until certain conditions on the page are met, or while the current submission request is pending). Currently, the form doesn't have such behavior\r\n\r\n### Additional context\r\n\r\n_No response_",[2968,2970,2972],{"name":2944,"color":2969},"a2eeef",{"name":2971,"color":2870},"wontfix-v2",{"name":2912,"color":2913},2150,"Add `disabled` state to `UForm` component","2024-09-06T16:59:53Z","https://github.com/nuxt/ui/issues/2150",0.7555834,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-ZcQYM6ERJ8oH91mNHokvtxILbfXFQUIqKckc32dv9A":-1},"/nuxt/nuxt.com/272"]