\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_",[2001,2004,2005],{"name":2002,"color":2003},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":2006,"color":2007},"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.72593886,{"description":2014,"labels":2015,"number":2018,"owner":1991,"repository":1992,"state":1993,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### 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",[2016,2017],{"name":1985,"color":1986},{"name":1988,"color":1989},3305,"UTable tr expand animation","2025-02-13T05:50:31Z","https://github.com/nuxt/ui/issues/3305",0.7477174,{"description":2024,"labels":2025,"number":2026,"owner":1991,"repository":2027,"state":2028,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### 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.7169787,{"description":2034,"labels":2035,"number":2038,"owner":1991,"repository":2027,"state":2028,"title":2039,"updated_at":2040,"url":2041,"score":2042},"**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",[2036],{"name":2002,"color":2037},"1ad6ff",712,"[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.7243294,{"description":2044,"labels":2045,"number":2057,"owner":1991,"repository":1992,"state":2028,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### 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```",[2046,2049,2052,2053,2054],{"name":2047,"color":2048},"bug","d73a4a",{"name":2050,"color":2051},"needs reproduction","CB47CF",{"name":1988,"color":1989},{"name":2006,"color":2007},{"name":2055,"color":2056},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.73197454,{"description":2063,"labels":2064,"number":2066,"owner":1991,"repository":1992,"state":2028,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### 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 !",[2065],{"name":1985,"color":1986},2174,"Are all the components built during build process ?","2024-09-11T00:08:50Z","https://github.com/nuxt/ui/issues/2174",0.7393173,{"description":2072,"labels":2073,"number":2077,"owner":1991,"repository":1991,"state":2028,"title":2078,"updated_at":2079,"url":2080,"score":2081},"Hi guys\r\n\r\nI have a problem and don't found the solution. I want to detect the scroll of the user, but when I try doesn't work. \r\nThis is my code.\r\n```\r\nmounted () {\r\n window.onscroll = e => {\r\n console.log(e)\r\n }\r\n}\r\n```\r\nToo I put this code.\r\n\r\n```\r\nmounted () {\r\n window.addEventListener('scroll', e => {\r\n console.log(e)\r\n }, false)\r\n}\r\n```\r\nneither with `window` neither `document`\r\n\r\nThanks \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c526\">#c526\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2074],{"name":2075,"color":2076},"2.x","d4c5f9",602,"doesn't work window.onscroll","2023-01-18T15:39:32Z","https://github.com/nuxt/nuxt/issues/602",0.74168855,{"description":2083,"labels":2084,"number":2088,"owner":1991,"repository":1992,"state":2028,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### 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_",[2085,2086],{"name":2002,"color":2003},{"name":2087,"color":2007},"wontfix-v2",2737,"Specify a components variant for each color mode.","2025-03-03T22:31:17Z","https://github.com/nuxt/ui/issues/2737",0.7424807,{"description":2094,"labels":2095,"number":2097,"owner":1991,"repository":1992,"state":2028,"title":2098,"updated_at":2099,"url":2100,"score":2101},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.18.6\n\n### Reproduction\n\n- Create new Nuxt project\n- Add `@nuxt/ui` as module\n- Build with cloudflare-pages preset\n\n### Description\n\nWhen trying to build with the `cloudflare-pages` preset, the build fails.\nI have narrowed it down to `@nuxt/ui` but strangely it only happens with newly created projects.\nAre some upstream packages causing this?\nThe logs do not tell me anything useful so I'm at a loss right now.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```bash\nℹ Building Nuxt Nitro server (preset: cloudflare-pages) nitro 12:08:50 PM\n\n[nitro 12:08:51 PM] ERROR RollupError: node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js\".\n\n\n1: import { stdin, stdout } from \"node:process\";\n ^\n2: import f from \"node:readline\";\n3: import { WriteStream } from \"node:tty\";\n\n\n[12:08:51 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js\".\n\n at getRollupError (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/parseAst.js:395:41)\n at error (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/parseAst.js:391:42)\n at Module.error (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:15535:16)\n at Module.traceVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:15984:29)\n at ModuleScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:13770:39)\n at ChildScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5252:38)\n at ClassBodyScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5252:38)\n at ChildScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5252:38)\n at ChildScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5252:38)\n at FunctionScope.findVariable (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5252:38)\n at Identifier.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:5035:40)\n at AssignmentPattern.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2855:23)\n at Property.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2855:23)\n at ObjectPattern.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2851:28)\n at FunctionExpression.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2851:28)\n at MethodDefinition.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2855:23)\n at ClassBody.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2851:28)\n at ClassDeclaration.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2855:23)\n at Program.bind (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:2851:28)\n at Module.bindReferences (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:15514:18)\n at Graph.sortModules (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:21019:20)\n at Graph.build (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:20922:14)\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:21607:13\n at async catchUnfinishedHookActions (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:21076:16)\n at async rollupInternal (node_modules/.pnpm/rollup@4.24.0/node_modules/rollup/dist/es/shared/node-entry.js:21602:5)\n at async _build (node_modules/.pnpm/nitropack@2.9.7_magicast@0.3.5/node_modules/nitropack/dist/nitro.mjs:2633:20)\n at async node_modules/.pnpm/nuxt@3.13.2_@parcel+watcher@2.4.1_@types+node@22.7.4_ioredis@5.4.1_magicast@0.3.5_rollup@4.24_2k7m6tt7b46bgsxaiirz4m7r34/node_modules/nuxt/dist/index.mjs:3630:5\n at async build (node_modules/.pnpm/nuxt@3.13.2_@parcel+watcher@2.4.1_@types+node@22.7.4_ioredis@5.4.1_magicast@0.3.5_rollup@4.24_2k7m6tt7b46bgsxaiirz4m7r34/node_modules/nuxt/dist/index.mjs:5778:3)\n at async Object.run (node_modules/.pnpm/nuxi@3.14.0/node_modules/nuxi/dist/chunks/build.mjs:101:5)\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.14.0/node_modules/nuxi/dist/shared/nuxi.3e201632.mjs:1648:16)\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.14.0/node_modules/nuxi/dist/shared/nuxi.3e201632.mjs:1639:11)\n at async runMain$1 (node_modules/.pnpm/nuxi@3.14.0/node_modules/nuxi/dist/shared/nuxi.3e201632.mjs:1777:7) \n\n\n\n[12:08:51 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/prompt-Bu8z6Hzd.js\".\n\n ELIFECYCLE Command failed with exit code 1.\n```",[2096],{"name":2047,"color":2048},2324,"Build fails when using `cloudflare-pages` preset","2024-11-07T23:24:34Z","https://github.com/nuxt/ui/issues/2324",0.7437159,["Reactive",2103],{},["Set"],["ShallowReactive",2106],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"GjHo5dM4rb_ZGoYJoS_8VdUTsUT6Q2oVCESRYK3hnII":-1},"/nuxt/test-utils/934"]