\n```\n\nWould it be relevant to add a global attribute to components like Button, Badge, etc., to force their appearance in dark (or light) mode, regardless of the global setting? This would ensure better visual consistency when these elements are placed on a colored background (e.g., `UPageCTA` with `solid` variant).\n\n### Additional context\n\n_No response_",[2884,2887,2888],{"name":2885,"color":2886},"enhancement","a2eeef",{"name":2871,"color":2872},{"name":2889,"color":2890},"triage","ffffff",3307,"Better handling of `UButton`, `UBadge`, … colors on colored backgrounds","2025-02-13T19:05:27Z","https://github.com/nuxt/ui/issues/3307",0.721042,{"description":2897,"labels":2898,"number":2901,"owner":2874,"repository":2875,"state":2876,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Description\n\nHi, is there currently a way or planed feature to animate the tr that gets expanded?\nAtm it just pops in and isnt a great ux.\n\nhttps://ui3.nuxt.dev/components/table#with-expandable-rows",[2899,2900],{"name":2868,"color":2869},{"name":2871,"color":2872},3305,"UTable tr expand animation","2025-02-13T05:50:31Z","https://github.com/nuxt/ui/issues/3305",0.7391121,{"description":2907,"labels":2908,"number":2916,"owner":2874,"repository":2875,"state":2876,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.0`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `devtools`, `extends`, `runtimeConfig`, `css`, `build`, `modules`, `piniaPluginPersistedstate`, `googleFonts`, `colorMode`, `site`, `robots`, `gtag`, `routeRules`, `icon`, `compatibilityDate`\n- Runtime Modules: `@nuxtjs/google-fonts@3.2.0`, `@nuxt/eslint@1.0.1`, `@vueuse/nuxt@12.7.0`, `@pinia/nuxt@0.10.1`, `pinia-plugin-persistedstate/nuxt@4.2.0`, `@nuxt/image@1.9.0`, `@nuxt/ui@2.21.0`, `nuxt-gtag@3.0.2`, `@nuxtjs/robots@5.2.2`, `@nuxtjs/sitemap@7.2.5`, `@nuxt/content@3.1.1`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.4\n\n### Reproduction\n\nI don't know how to reproduce this since it works in my local environment, however, this is the website: https://www.storysprout.me/\n\nI did try adding:\n```ts\n icon: {\n clientBundle: {\n scan: true,\n }\n },\n```\nto the `nuxt.config.ts` file, but that didn't help.\n\nI also installed the packages for the icons:\n\n```json\n \"dependencies\": {\n \"@iconify-json/fluent-emoji-high-contrast\": \"^1.2.3\",\n \"@iconify-json/heroicons\": \"^1.2.2\",\n }\n```\n\n### Description\n\nHi, \n\nSince I deployed to Vercel yesterday, I have encountered issues with the icons on my website.\n\nSome of them load correctly, while others do not work at all. I get a few console and network errors when loading the icons.\n\nFor example, I am using the component `UColorModeButton` and then I see this error:\n```\n[Icon] failed to load icon `heroicons:moon-20-solid`\n```\n\nIt happens similarly with other icons I have added for example when using the `items` prop to some of the other components like `UDropDown`.\n\nThe Network Error is a 404 on:\n`https://www.storysprout.me/api/_nuxt_icon/heroicons.json?icons=moon-20-solid`\n\nThank you!\n\n### Additional context\n\nI can provide any additional context if necessary.\n\n### Logs\n\n```shell-script\n\n```",[2909,2912,2913],{"name":2910,"color":2911},"bug","d73a4a",{"name":2871,"color":2872},{"name":2914,"color":2915},"upstream","78bddb",3347,"failed to load icon `heroicons:moon-20-solid` on Vercel deployment","2025-03-14T03:47:25Z","https://github.com/nuxt/ui/issues/3347",0.74388826,{"description":2922,"labels":2923,"number":2924,"owner":2874,"repository":2925,"state":2926,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### Environment\n\nDocs issue:\r\nFirefox browser.\n\n### Reproduction\n\nGo on nuxt.com and scroll down to see the footer.\r\nLook at the theme switch. Doable with even OS light and dark modes.\r\n\r\n\r\n\n\n### Describe the bug\n\nTheme switch is not showing the exact mode used by the docs website.\r\nBy default, it shows the light mode as selected where the dark mode is set.\n\n### Additional context\n\nOnly visible on Firefox.\n\n### Logs\n\n_No response_",[],1230,"nuxt.com","closed","Theme switch of docs default value does not sync","2023-10-10T14:45:33Z","https://github.com/nuxt/nuxt.com/issues/1230",0.70341444,{"description":2932,"labels":2933,"number":2936,"owner":2874,"repository":2925,"state":2926,"title":2937,"updated_at":2938,"url":2939,"score":2940},"**General**\n- [x] On both logo sliders, it shouldn't move while mouse over\n- [ ] Slide-in apparitions on scroll for images & texts in sections\n\n- [x] pb-10 is enough spacing between title of section & content\n- [x] I don't know if it's intended but every bold text in sections is \"Focus on the big picture\"\n\n**Hero**\n\n- [ ] Description should be => line-height: 170%\n\n- [x] [Lightmode] Gem aspect should be better\n- [x] @R-mooon => Increase mesh subdivision in blender in order to make gem angles even smoother + try compress hdr even more \n- [ ] [Mobile] @R-mooon will make a specific design [Edit : @Flosciante => see comments]\n\n**Sections**\n\n- [ ] [Darkmode] Description text should be one gray lighter\n\n**Framework**\n- [x] Play icon is missing over the video\n- [ ] [Darkmode] Overlay is too bright when modal is open\n\n**Projects**\n\n- [x] Cursor should be at end of content\n\n- [ ] Is it possible to make the animation in revert also ? I mean make \"droe\" & \"atinux\" deleting the content in order to make the animation infinite\n\n\n- [ ] [Darkmode] \"Read more\" on the card is too light \n\n**Community**\n\n- [x] See the nuxters have to look like the links in sections\n\n**Partners**\n\n- [ ] @R-mooon needs to rework some partners logo to make them display well\n\n**Newsletter**\n\n- [x] Less margin-top & more margin-bottom (should have nearly the same space up & down)\n\n- [ ] Update background gradient [Edit : Flo is gonna make a mouse interaction instead]\n\n**Suggestions**\n\n- [ ] Make this \"My account\" button follow content width (and the actual width being the max-w)\n- [ ] Why not making account name white and have a background color on hover, at the moment i find the right part of header very grey-ish, i feel like the name is disabled\n\n\n- [x] Try make logo banner fit inside container to see if it looks more consistent [Edit : Cancelled, tested and it looks worse than before]\n\n",[2934],{"name":2885,"color":2935},"1ad6ff",712,"[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.7073308,{"description":2942,"labels":2943,"number":2945,"owner":2874,"repository":2875,"state":2926,"title":2946,"updated_at":2947,"url":2948,"score":2949},"### Description\r\n\r\nHello !\r\n\r\nThis module is amazing, thanks a lot for this.\r\nI just started using nuxthub, and while reading the logs, I found components names I don't use. Are all the components built ? If yes, is it possible to exclude from build the unused components ?\r\n\r\nThanks !\r\nCheers from France !\r\n\r\nEdit : by reading my nuxt.config again, I see I defined these lines : \r\n\r\n```\r\n ui: {\r\n global: true,\r\n },\r\n components: {\r\n global: true,\r\n dirs: ['~/components']\r\n },\r\n```\r\n\r\nIs it the reason why all the UI components are built, even if I don't use them ? I don't remember why I decided to make everything global, but I'm sure I don't understand this option 🥇 \r\n\r\nEdit2 : Ok, this was indeed the `global: true` options that made all the ui components built, sorry for this silly question !",[2944],{"name":2868,"color":2869},2174,"Are all the components built during build process ?","2024-09-11T00:08:50Z","https://github.com/nuxt/ui/issues/2174",0.7232617,{"description":2951,"labels":2952,"number":2962,"owner":2874,"repository":2875,"state":2926,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n.\n\n### Description\n\nI want the Popover component to open when a fetch call is made and the results are displayed in the Popover. For example, I want the search results to be displayed, but as soon as I click on the input, the Popover will be displayed.\n\nThis is my code:\n```\n\u003CUPopover v-model:open=\"search.open\" arrow>\n \u003Cdiv class=\"header-search relative flex flex-row items-center w-full max-w-96\">\n \u003Cinput v-model=\"search.param\"\n class=\"input bg-transparent border rounded-3xl focus:ring-0 outline-0 py-1 px-2 w-full\" />\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2953,2954,2957,2958,2959],{"name":2910,"color":2911},{"name":2955,"color":2956},"needs reproduction","CB47CF",{"name":2871,"color":2872},{"name":2889,"color":2890},{"name":2960,"color":2961},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.7237303,{"description":2968,"labels":2969,"number":2973,"owner":2874,"repository":2875,"state":2926,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nMay already be a way to do this but if not It would be nice to specify a variant for light and dark on a component. \nFor instance outline inputs on light mode and soft for dark mode. \n\n` \u003CUInput variant=\"{light: 'outline', dark: 'soft'}\" />\n`\n\n### Additional context\n\n_No response_",[2970,2971],{"name":2885,"color":2886},{"name":2972,"color":2890},"wontfix-v2",2737,"Specify a components variant for each color mode.","2025-03-03T22:31:17Z","https://github.com/nuxt/ui/issues/2737",0.7304999,{"description":2979,"labels":2980,"number":2984,"owner":2874,"repository":2874,"state":2926,"title":2985,"updated_at":2986,"url":2987,"score":2988},"I'v spent hours on trying to implement vue-scroller (https://github.com/wangdahoo/vue-scroller) plugin into my project, but no success.\r\n\r\nI have 'plugins/vue-scroller.js'\r\n\r\n> import Vue from 'vue'\r\n> import VueScroller from 'vue-scroller'\r\n> Vue.component('vue-scroller', VueScroller)\r\n\r\nand in 'nuxt.config.js'\r\n\r\n> plugins: [\r\n> {src:'~/plugins/vue-scroller', ssr:false}\r\n> ],\r\n> build: {\r\n> vendor: ['axios','vue-scroller']\r\n> }\r\n\r\nand trying to use it as follow\r\n\r\n\u003Cvue-scroller>xxxxx\u003C/vue-scroller>\r\n\r\nand I got error\r\nFailed to mount component: template or render function not defined.\r\n\r\nfound in\r\n\r\n---> \u003CVueScroller>\r\n \u003CSearch> at pages\\search.vue\r\n \u003CNuxt>\r\n \u003CDefault> at layouts\\default.vue\r\n \u003CRoot>\r\n\r\nneed help!! please!! thanks in advance\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7272\">#c7272\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2981],{"name":2982,"color":2983},"2.x","d4c5f9",3462,"need help on using vue-scroller plugin","2023-01-18T16:24:09Z","https://github.com/nuxt/nuxt/issues/3462",0.73051375,["Reactive",2990],{},["Set"],["ShallowReactive",2993],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGjHo5dM4rb_ZGoYJoS_8VdUTsUT6Q2oVCESRYK3hnII":-1},"/nuxt/test-utils/934"]