\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2867,2870],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"triage","ffffff",3583,"nuxt","ui","open","Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.67743844,{"description":2882,"labels":2883,"number":2890,"owner":2874,"repository":2875,"state":2876,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[2884,2887],{"name":2885,"color":2886},"question","d876e3",{"name":2888,"color":2889},"v3","49DCB8",3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.6897336,{"description":2896,"labels":2897,"number":2901,"owner":2874,"repository":2875,"state":2876,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Environment\n\nnode22, nuxtui300-b3 and nuxt3\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv.3.0.0-beta3\n\n### Reproduction\n\nYou can reproduce from the components page for modal and drawer. Open the drawer, the bottom drawer appears, and rest of page shifts from removal of scrollbar. Same does not occur on the modal component.\n\n### Description\n\nThe modal component properly handles overflow and prevents shifting of the main page layout when open. The drawer component does not. Would like to see the drawer prevent layout shift from the scroll bar removal, like is done on the modals. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2898,2899,2900],{"name":2868,"color":2869},{"name":2888,"color":2889},{"name":2871,"color":2872},3523,"Drawer shifts layout unlike modal","2025-03-23T17:40:06Z","https://github.com/nuxt/ui/issues/3523",0.6929914,{"description":2907,"labels":2908,"number":2911,"owner":2874,"repository":2875,"state":2876,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Description\n\nHello. How can i use provide in programmatically modal usage?",[2909,2910],{"name":2885,"color":2886},{"name":2888,"color":2889},2987,"Provide in modal programmatically usage","2024-12-31T05:16:08Z","https://github.com/nuxt/ui/issues/2987",0.7014616,{"description":2917,"labels":2918,"number":2919,"owner":2874,"repository":2920,"state":2876,"title":2921,"updated_at":2922,"url":2923,"score":2924},"Hello\nIn your playground where is a possibility to set `mode: css` and image span will have `--svg` variable which could be used as value for `mask-image`\nIn `getIconCss` method there is property `mode: mask` which can return this variable\nhttps://iconify.design/docs/libraries/utils/get-icon-css.html#geticoncss\n\nIn latest `@nuxt/icon` svg content in `mode: css` always uses as `background-image` value/\n\nCan you add property which allows to get `--svg` variable which could be used as value for `mask-image`?",[],367,"icon","Use css icon data as mask-image","2025-03-12T12:15:51Z","https://github.com/nuxt/icon/issues/367",0.7029958,{"description":2926,"labels":2927,"number":2937,"owner":2874,"repository":2874,"state":2938,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.1.0\r\n- Nuxt Version: 3.10.2\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.7.0-28295243.3e9302a\r\n- Package Manager: npm@9.6.4\r\n- Builder: -\r\n- User Config: devtools, build, plugins, imports, nitro, modules, eslint, css, pinia, alias, colorMode, vite\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4, @pinia/nuxt@0.5.1, @nuxtjs/eslint-module@4.1.0, @nuxt/image@1.3.0, @nuxtjs/i18n@8.1.1, nuxt-icon@0.6.8, @vueuse/nuxt@10.7.2, @nuxtjs/color-mode@3.3.2, @nuxtjs/supabase@1.1.6\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\ncreate component with \r\n`const modelValue = defineModel\u003Cstring | null | undefined>({\r\n set(value: string) {\r\n if (value) {\r\n return value.trim();\r\n }\r\n return value;\r\n },\r\n});`\r\n\r\nfollowing declaration of defineModel gives `No overload matches this call.\r\n The last overload gave the following error.ts(2769)\r\n ` error\r\n\r\nalso \r\n`const modelValue = defineModel\u003Cstring, \"trim\">();\r\n` is not working, it is throwing `Expected 1 type arguments, but got 2.`\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nfollowing declaration of defineModel gives `No overload matches this call.\r\n The last overload gave the following error.ts(2769)\r\n ` error\r\n\r\n### Additional context\r\n\r\nthose are functionalities from official Vue 3.4 documentation https://vuejs.org/api/sfc-script-setup.html#modifiers-and-transformers\r\n\r\n### Logs\r\n\r\n_No response_",[2928,2931,2934],{"name":2929,"color":2930},"3.x","29bc7f",{"name":2932,"color":2933},"pending triage","E99695",{"name":2935,"color":2936},"needs reproduction","FBCA04",25844,"closed","defineModel doesnt know set option","2024-02-17T22:15:46Z","https://github.com/nuxt/nuxt/issues/25844",0.6538679,{"description":2944,"labels":2945,"number":2950,"owner":2874,"repository":2875,"state":2938,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nSee below\n\n### Description\n\nHey,\n\nIn UI2 when placing a UAvatar (which often is done for a user dropdown) in the DropdownMenu - clicking the Dropdown menu would trigger opening the dropdown.\nBased on UI3 docs it seems that it should work since it says Button or any other element - however this doesnt work\n\n### Additional context\n\n```ts\n\u003CUDropdownMenu :items=\"accountItems\">\n \u003CUAvatar\n v-if=\"session && session.user\"\n :src=\"session.user.image ? session.user.image : undefined\"\n :alt=\"session.user.name\"\n size=\"md\"\n />\n\u003C/UDropdownMenu>\n```\n\n### Logs\n\n```shell-script\n\n```",[2946,2947,2949],{"name":2868,"color":2869},{"name":2935,"color":2948},"CB47CF",{"name":2888,"color":2889},3546,"`UAvatar` doesn't trigger `UDropdownMenu`","2025-03-28T17:43:01Z","https://github.com/nuxt/ui/issues/3546",0.66892195,{"description":2956,"labels":2957,"number":2960,"owner":2874,"repository":2961,"state":2938,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v23.5.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: `colorMode`, `compatibilityDate`, `components`, `devtools`, `eslint`, `nitro`, `buildModules`, `modules`, `runtimeConfig`\n- Runtime Modules: `nitro-cloudflare-dev@0.2.1`, `@pinia/nuxt@0.9.0`, `@nuxt/ui@2.20.0`, `@nuxt/test-utils/module@3.15.4`, `@nuxt/eslint@0.7.5`, `nuxt-auth-utils@0.5.10`\n- Build Modules: `@nuxtjs/date-fns@1.5.0`\n\n\n### Reproduction\n\nhttps://github.com/Mathmagicians/theslope/tree/main\n\n### Describe the bug\n\nI am developing a small community project in Nuxt, it is open source.\nI am trying to add tests for my Nitro endpoints, from the server folder. \nI dont want to mock the endpoints, but actually call them. \nThere is no documentation, that I could finde, how to test the server endpoints. \nI have followed the installatin instructions for nuxt-test-utils\nHere is my `vitest.config.ts`:\n```\nimport {defineVitestConfig} from '@nuxt/test-utils/config'\n\nexport default defineVitestConfig({\n // any custom Vitest config you require\n test: {\n include: ['tests/**/*.*.spec.ts'],\n name: 'nuxt',\n environment: 'nuxt'\n }\n})\n```\n\nHere is the test file:\n```\nimport { fileURLToPath } from 'node:url'\nimport {describe, it, expect} from 'vitest'\nimport { setup, fetch } from '@nuxt/test-utils/e2e'\n//import { $fetchRaw, setup } from 'nitro-test-utils/e2e'\n\nconst doLogin = async (username, password) => {\n return await fetch(`/api/auth/login`, {\n method: 'POST',\n body: {email: username, password: password},\n headers: {ContentType: 'application/json'}\n })\n}\ndescribe('test /auth/login endpoint', async () => {\n await setup({\n setupTimeout: 60*1000,\n server: true,\n browser: false,\n })\n const heyNaboUserName = process.env.HEY_NABO_USERNAME as string; \n const heyNaboPassword = process.env.HEY_NABO_PASSWORD as string;\n\n it('should return a 400 error when no credentials are passed', async () => {\n await expect(doLogin(undefined, undefined))\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return a 400 error when a wrong body is passed', async () => {\n await expect(\n fetch(`/api/auth/login`, {\n method: 'POST',\n body: {pudu: 'is beautiful'},\n headers: {ContentType: 'application/json'}\n })\n )\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return a 404 error when incorrect credentials are passed', async () => {\n await expect(doLogin('a@a.dk', 'volapyk'))\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return user session with a heynabo token when correct credentials are passed', async () => {\n const res = await doLogin(heyNaboUserName, heyNaboPassword)\n expect(res).toHaveProperty('token')\n expect(res.token).not.toBeNull()\n expect(res.token.length).toBeGreaterThan(1)\n expect(res).toHaveProperty('email')\n expect(res.email).toBe(heyNaboUserName)\n })\n})\n\n```\nThe following simple test fails at startup because of the `setup`method:\n```\n FAIL nuxt tests/e2e/login.e2e.spec.ts > test /auth/login endpoint\nTypeError: The URL must be of scheme file\n ❯ Object.renderChunk node_modules/@rollup/plugin-terser/dist/cjs/index.js:160:35\n ❯ node_modules/rollup/dist/es/shared/node-entry.js:20874:40\n```\n\nAny hints at, what might be the issue?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n-script\nFAIL nuxt tests/e2e/login.e2e.spec.ts > test /auth/login endpoint\nTypeError: The URL must be of scheme file\n ❯ Object.renderChunk node_modules/@rollup/plugin-terser/dist/cjs/index.js:160:35\n ❯ node_modules/rollup/dist/es/shared/node-entry.js:20874:40\n```",[2958],{"name":2932,"color":2959},"5D08F5",1120,"test-utils","Cant run e2e test that calls a nitro server route - setup fails","2025-02-11T16:59:01Z","https://github.com/nuxt/test-utils/issues/1120",0.6739964,{"description":2967,"labels":2968,"number":2970,"owner":2874,"repository":2874,"state":2938,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.10.0`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.7.0`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-ynphxo8p?file=app.vue\n\n### Describe the bug\n\nThe `defineModel` function works as expected in Vue's playground but does not work in a Nuxt project. I copied the exact same code from Vue's playground into my Nuxt project, but it fails to function correctly.\n\n### Expected Behavior\nThe `defineModel` function should work as it does in [Vue's playground](https://play.vuejs.org/#eNqFUtFKwzAU/ZWYl06YLbK30Q10DFSYigq+5KW0t11mmoQknZPSf/cm3eqEsT0l555zuefmpKV3WsfbBuiUpjY3XDtiwTV6ziSvtTKOLNZcFKQ0qiZRnATkG6JB0BIDJen2kp5iMlfSOlLbisw8P4oeQAhFPpURxVV0zWSa9PNwEgIHtRaZA0SEpOvbeduG5q5LE0Sh2jvZ3tSqADFjFHlGSYJkmhz10zF1FseXvIo3VklcrfX9jOaq1lyAedGOoz1GpyQwnsvQ3fdTqDnTwPhQz9eQf52ob+zO1xh9NWDBbIHRgXOZqcD19PL9GXZ4H0h03whUnyHfwCrReI+97L6RBdo+0gW3j+H9uaw+7HLnQNrDUt6oV3ZBzyhmsjiz+p/dSTwJfUx2+IpD1ic+xz5enwQGXEDJJaw8Gl2I1upMzlc/hEvdOBR6SNKAjqP1J6P/o6XdL11L5h4=), allowing two-way binding between the component's model and the parent.\n\n### Actual Behavior\nThe `defineModel` function does not behave as expected, the value of the input is not updating.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2969],{"name":2932,"color":2933},30205,"defineModel Not Working in Nuxt 3 Despite Working in Vue's Playground","2024-12-09T13:38:08Z","https://github.com/nuxt/nuxt/issues/30205",0.67984986,{"description":2976,"labels":2977,"number":2982,"owner":2874,"repository":2874,"state":2938,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### Environment\n\nno need\n\n### Reproduction\n\nno need\n\n### Describe the bug\n\ndefineModel stable since `vue v3.4`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2978,2979],{"name":2929,"color":2930},{"name":2980,"color":2981},"🧹 p1-chore","FEF2C0",25302,"`defineModel` shoule enable by default","2024-01-19T10:16:03Z","https://github.com/nuxt/nuxt/issues/25302",0.6849184,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGAcWVY9oof1vw9rp7BkofGnWOq1Leyd3qDdtsFJEUdY":-1},"/nuxt/ui/2531"]