\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.67568326,{"description":2882,"labels":2883,"number":2887,"owner":2874,"repository":2888,"state":2876,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.19.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-jjtvfths?file=test%2Ftest.nuxt.spec.ts\n\n### Describe the bug\n\nThe [registerEndpoint](https://nuxt.com/docs/getting-started/testing#registerendpoint) function does work properly for `$fetch` but not for `axios`. Shouldn't it just mock all requests going to the specified URL no matter where the request comes from?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ❯ test/test.nuxt.spec.ts (2 tests | 1 failed) 16ms\n × tests > an axios request 14ms\n → Network Error\n ✓ tests > a $fetch request 1ms\n```",[2884],{"name":2885,"color":2886},"pending triage","5D08F5",1261,"test-utils","registerEndpoint does not work for axios","2025-04-22T11:22:12Z","https://github.com/nuxt/test-utils/issues/1261",0.7184211,{"description":2894,"labels":2895,"number":2901,"owner":2874,"repository":2875,"state":2902,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2896,2897,2900],{"name":2868,"color":2869},{"name":2898,"color":2899},"v3","49DCB8",{"name":2871,"color":2872},3644,"closed","\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.67633826,{"description":2908,"labels":2909,"number":2915,"owner":2874,"repository":2874,"state":2902,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Version\n\n[v1.0.0](https://github.com/nuxt.js/releases/tag/v1.0.0)\n\n### Reproduction link\n\n[https://www.pharol.cl](https://www.pharol.cl)\n\n### Steps to reproduce\n\nI have bug, when build my applications production my output not advance.\n\nattached images error.\n\nthanks!\n\n\n\n### What is expected ?\n\nsome solution to this error\n\n### What is actually happening?\n\nI have bug, when build my applications production my output not advance.\n\nattached images error.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7297\">#c7297\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2910,2912],{"name":2885,"color":2911},"E99695",{"name":2913,"color":2914},"2.x","d4c5f9",3483,"Error build SSR","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3483",0.6858215,{"description":2921,"labels":2922,"number":2927,"owner":2874,"repository":2875,"state":2902,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.18.3`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.22.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.15.4`\n- Builder: `-`\n- User Config: `extends`, `modules`, `$development`, `devtools`, `colorMode`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `typescript`, `hooks`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/content@2.13.4`, `@nuxt/eslint@0.7.6`, `@nuxt/fonts@0.10.3`, `@nuxt/image@1.9.0`, `@nuxt/ui@2.21.0`, `@nuxthq/studio@2.2.1`, `@vueuse/nuxt@12.7.0`, `nuxt-og-image@4.1.4`, `@nuxtjs/i18n@9.2.1`, `nuxt-auth-sanctum@0.5.6`, `nuxt-laravel-echo@0.2.1`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-i7bgngfx?file=app.vue\n\n### Description\n\nIf I place a USelectMenu inside a UModal that is being opened inside USlideover, I cannot focus the select menu's input.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2923,2924],{"name":2868,"color":2869},{"name":2925,"color":2926},"upstream","78bddb",3408,"USelectMenu inside UModal inside USlideover","2025-03-24T14:19:31Z","https://github.com/nuxt/ui/issues/3408",0.69247603,{"description":2933,"labels":2934,"number":2936,"owner":2874,"repository":2888,"state":2902,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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```",[2935],{"name":2885,"color":2886},1120,"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.69269603,{"description":2942,"labels":2943,"number":2950,"owner":2874,"repository":2875,"state":2902,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Description\n\nIf i try to define the position of the notification using the `ui` prop `\u003CUNotifications :ui=\"{position: 'top-0 right-0'}\" />`\r\nthe \"default\" configuration is applied as well (`bottom-0 end-0 `) this happens also if defining the position using the app.config.ts.. I'm assuming i'm doing it wrong.. please advice.. \r\n",[2944,2947],{"name":2945,"color":2946},"duplicate","cfd3d7",{"name":2948,"color":2949},"question","d876e3",2180,"Notification position","2024-09-11T14:08:24Z","https://github.com/nuxt/ui/issues/2180",0.70696074,{"description":2956,"labels":2957,"number":2958,"owner":2874,"repository":2959,"state":2902,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `bun@1.2.4`\n- Builder: `-`\n- User Config: `runtimeConfig`, `modules`, `app`, `site`, `sitemap`, `robots`, `css`, `icon`, `image`, `ui`, `devtools`, `future`, `unhead`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui@3.0.0-beta.3`, `@pinia/nuxt@0.10.1`, `@nuxt/scripts@0.10.5`, `@nuxt/image@1.9.0`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n### Reproduction\n\nnda\n\n### Describe the bug\n\nnr dev\n$ nuxt dev\nNuxt 3.16.0 with Nitro 2.11.5 nuxi 8:23:08 PM\n 8:23:08 PM\n ➜ Local: http://localhost:3003/\n ➜ Network: use --host to expose\n\n ➜ DevTools: press Shift + Option + D in the browser (v2.2.1) 8:23:10 PM\n\n\n✔ Nuxt Icon loaded local collection elfi with 70 icons 8:23:10 PM\nℹ Running with compatibility version 4 nuxt 8:23:10 PM\n✔ Vite client built in 190ms 8:23:11 PM\n✔ Vite server built in 528ms 8:23:12 PM\n\n[nitro 8:23:14 PM] ERROR Error: Could not load /\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs (imported by node_modules/nuxt-og-image/dist/runtime/server/og-image/satori/instances.js): ENOENT: no such file or directory, open '/\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs'\n\n\nundefined\n\n### Additional context\n\nUpgraded by \"nuxi upgrade -f\" from 3.15.4 and couldn't able to start properly with provided error.\nTried with unhead flag in nuxt.config - same error\n```\nunhead: {\n legacy: true,\n }\n```\n\n### Logs\n\n```shell-script\n\n```",[],414,"scripts","Nuxt 3.16.0 won't start properly nor dev nor build","2025-03-07T18:58:03Z","https://github.com/nuxt/scripts/issues/414",0.7157364,{"description":2965,"labels":2966,"number":2969,"owner":2874,"repository":2875,"state":2902,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIn my Nuxt 3 project (that uses Nuxt UI `v3.0.0-alpha9`), I have a Vue component like this:\n\n```vue\n\u003Cscript setup lang=\"ts\">\n...\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUContainer class=\"section\">\n ...\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cstyle scoped lang=\"scss\">\n@use \"tailwindcss\";\n\n.section + .section {\n @apply mt-8 lg:mt-12;\n}\n\u003C/style>\n```\n\nThe problem is that `@apply mt-8 lg:mt-12;` doesn't work unless I add this to my `nuxt.config.ts`:\n```\npostcss: {\n plugins: {\n \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n },\n},\n```\n\nHowever, when I do this, the Nuxt UI components stop working properly (e.g., Slideover renders at the bottom of the page and with wrong styling). How can I make the `@apply ...` work without breaking the Nuxt UI components?\n\nThis is my `package.json`:\n```json\n{\n \"name\": \"frontend\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"postinstall\": \"husky install && nuxt prepare\",\n \"dev\": \"nuxt dev\",\n \"build\": \"nuxt build\",\n \"preview\": \"nuxt preview\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.9\",\n \"nuxt\": \"latest\",\n \"nuxt-svgo\": \"latest\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@commitlint/cli\": \"latest\",\n \"@commitlint/config-conventional\": \"latest\",\n \"husky\": \"latest\",\n \"sass\": \"latest\"\n }\n}\n```\n\nThis is my `nuxt.config.ts`:\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: false },\n modules: [\"@nuxt/ui\", \"nuxt-svgo\"],\n css: [\"@/assets/css/main.css\"],\n // postcss: {\n // plugins: {\n // \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n // },\n // },\n appConfig: {\n // https://ui3.nuxt.dev/getting-started/theme#colors\n ui: {\n colors: {\n primary: \"primary\", // Defined in `assets/css/theme.css`\n secondary: \"secondary\", // Defined in `assets/css/theme.css`\n },\n },\n },\n});\n```\n\nThis is my `assets/main.css`:\n```css\n/* https://ui3.nuxt.dev/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css */\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```",[2967,2968],{"name":2948,"color":2949},{"name":2898,"color":2899},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.716049,{"description":2975,"labels":2976,"number":2979,"owner":2874,"repository":2875,"state":2902,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n\n\nI get this error anytime I try and use \u003CUInput /> even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2977,2978],{"name":2868,"color":2869},{"name":2898,"color":2899},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.7178378,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPvRO478F1Mxm2oDbnkxDvNmOmjJovC7CXCBGHPymomI":-1},"/nuxt/ui/2841"]