\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```",[3186,3189,3192,3193,3196],{"name":3187,"color":3188},"bug","d73a4a",{"name":3190,"color":3191},"needs reproduction","CB47CF",{"name":3143,"color":3144},{"name":3194,"color":3195},"triage","ffffff",{"name":3197,"color":3198},"closed-by-bot","ededed",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.7237303,{"description":3205,"labels":3206,"number":3211,"owner":3146,"repository":3147,"state":3158,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### 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_",[3207,3209],{"name":3167,"color":3208},"a2eeef",{"name":3210,"color":3195},"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":3217,"labels":3218,"number":3222,"owner":3146,"repository":3146,"state":3158,"title":3223,"updated_at":3224,"url":3225,"score":3226},"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>",[3219],{"name":3220,"color":3221},"2.x","d4c5f9",3462,"need help on using vue-scroller plugin","2023-01-18T16:24:09Z","https://github.com/nuxt/nuxt/issues/3462",0.7305138,{"description":3228,"labels":3229,"number":3231,"owner":3146,"repository":3147,"state":3158,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### 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```",[3230],{"name":3187,"color":3188},2324,"Build fails when using `cloudflare-pages` preset","2024-11-07T23:24:34Z","https://github.com/nuxt/ui/issues/2324",0.73202884,{"description":3237,"labels":3238,"number":3244,"owner":3146,"repository":3147,"state":3158,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHi I would like to have within the component UselectMenu emit the event \"scroll\" \nwith the following properties: \n```\n{\n target: HTMLElement, \n currentTarget: HTMLElement, \n scrollTop: number,\n scrollHeight: number, \n clientHeight: number, \n}\n```\n\n to dynamically remote search items through an api and append it dynamically to my USelectMenu to create an infinite scroll. \n\nThis feature would be great in both version :)\n\n### Additional context\n\n_No response_",[3239,3240,3241,3242],{"name":3167,"color":3208},{"name":3194,"color":3195},{"name":3197,"color":3198},{"name":3243,"color":3198},"stale",2793,"add an emit \"scroll\" event for USelectMenu","2025-06-18T09:05:29Z","https://github.com/nuxt/ui/issues/2793",0.7340937,{"description":3250,"labels":3251,"number":3255,"owner":3146,"repository":3147,"state":3158,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Description\n\nI’ve been using USlideover from NuxtUI (v3), and I noticed that there’s no event triggered when clicking on the overlay (outside of the slideover). This makes it tricky to detect when a user dismisses it by clicking outside, rather than using the close button.\n\nIt would be super helpful if USlideover emitted an event whenever it’s closed—whether that’s via the close button or the overlay. That way, we could easily handle any necessary logic when the slideover is dismissed.\n\nIf exposing a close event isn’t feasible, maybe the overlay could be made accessible as a slot? That way, we could wrap it in our own template and attach a @click event directly. This would give us more flexibility in handling interactions.\n\nI took a look at the source code, and it seems like these interactions are already handled internally, but they aren’t exposed as events:\n🔗 [Slideover.vue](https://github.com/nuxt/ui/blob/v3/src/runtime/components/Slideover.vue)\n\nWould be awesome to see this in a future update.\n\n### Additional context\n\n_No response_",[3252,3253,3254],{"name":3167,"color":3208},{"name":3143,"color":3144},{"name":3194,"color":3195},3225,"Expose close event for USlideover (Overlay & Button)","2025-03-28T17:34:38Z","https://github.com/nuxt/ui/issues/3225",0.7344699,["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGjHo5dM4rb_ZGoYJoS_8VdUTsUT6Q2oVCESRYK3hnII":-1},"/nuxt/test-utils/934"]