\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\u003C/script>\r\n```\r\n\r\nApp.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>Message: {{ getMessage(\"Hello World\") }}\u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { getMessage } from \"@/service/message-service\";\r\n```\r\n\r\nApp.test.ts\r\n```\r\nimport { it, expect, vi } from \"vitest\";\r\nimport { mountSuspended } from \"@nuxt/test-utils/runtime\";\r\nimport App from \"../../layouts/default.vue\";\r\n\r\nvi.mock(\"@/service/message-service\", () => {\r\n return {\r\n getMessage: () => \"hello from mock!!\",\r\n };\r\n});\r\n\r\n\r\nit(\"nuxt unit testing\", async () => {\r\n const component = await mountSuspended(App, { route: \"/\" });\r\n expect(component.html()).toMatchInlineSnapshot(\r\n `\"\u003Cdiv>Message: hello Hello World\u003C/div>\"`\r\n );\r\n});\r\n\r\n```\r\n\r\nmessage-service.ts\r\n```\r\nexport function getMessage(message: string): string {\r\n console.log(\"FROM ACTUAL\");\r\n return `hell ${message}`;\r\n}\r\n```\r\n\n\n### Describe the bug\n\nI was expecting vitest vi.mock should be able to mock imports to provide custom/mock implementation, however it seems that vi.mock is not working in the context of nuxt test?\r\n\r\nIf so, how are we suppose to create unit tests and/or E2E using nuxt/test-utils package and be able to provide flexible mocking mechanism?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2893,2896,2899],{"name":2894,"color":2895},"bug","d73a4a",{"name":2897,"color":2898},"vitest-environment","b60205",{"name":2900,"color":2901},"pending triage","5D08F5",935,"test-utils","How to mock custom imports while using mountSuspended to test","2024-09-09T02:17:10Z","https://github.com/nuxt/test-utils/issues/935",0.7311433,{"description":2909,"labels":2910,"number":2918,"owner":2874,"repository":2875,"state":2919,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v20.17.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `runtimeConfig`, `pinia`, `imports`, `modules`, `css`\n- Runtime Modules: `@nuxt/ui@3.0.0-beta.3`, `@vueuse/nuxt@12.8.2`, `@pinia/nuxt@0.10.1`, `@nuxt/image@1.9.0`\n- Build Modules: `-`\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.0\n\n### Reproduction\n\n\n\n### Description\n\n\nOk so I have a little problem... Lucide Icons does not seem to load properly even though i have it installed and cached... I recently installed lucide-vue-next with npm to try and fix this but i still have the same problem occuring.\n\nI noticed that the error seems to be coming from the uselectmenu components i am using...\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2911,2912,2915],{"name":2894,"color":2895},{"name":2913,"color":2914},"needs reproduction","CB47CF",{"name":2916,"color":2917},"v3","49DCB8",3494,"closed","Lucide Icons fail to load properly","2025-03-11T16:48:58Z","https://github.com/nuxt/ui/issues/3494",0.68349034,{"description":2925,"labels":2926,"number":2933,"owner":2874,"repository":2875,"state":2919,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v20.17.0`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `runtimeConfig`, `pinia`, `imports`, `experimental`, `modules`, `css`, `fileStorage`\n- Runtime Modules: `nuxt-file-storage@0.3.0`, `@nuxt/ui@3.0.1`, `@vueuse/nuxt@12.8.2`, `@pinia/nuxt@0.10.1`, `@nuxt/image@1.10.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\n```\n\u003Cscript lang=\"ts\" setup>\nconst query=ref('')\nconst value=ref()\nconst itemssearchlist=ref([\n { label: 'All', value: 'all' },\n { label: 'Archived', value: 'archived' },\n { label: 'Locked', value: 'locked' },\n { label: 'Active', value: 'active' }\n])\n\nfunction clear() {\n query.value='';\nvalue.value=null\n}\n\n\n\u003C/script>\n\n\u003Ctemplate>\n\u003Cdiv>\n \u003CUInputMenu \n v-model:searchTerm='query'\n label-key=\"name\"\n v-model=\"value\"\n :items=\"itemssearchlist\"\n @update:model-value=\"clear\"\n />\n \u003CUButton @click=\"clear\" >clear\u003C/UButton>\n\u003C/div>\n\u003C/template>\n\n```\n\n### Description\n\nAs shown above, the clear function only works when the button is clicked however does not work on @update:model-value. To be more specific... a console.log of value and query on the first instance returns the value and null respectively and on subsequent instances returns the value and the query. Trying to update these always fails as the values remain the same\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nNo Logs\n```",[2927,2928,2929,2930],{"name":2894,"color":2895},{"name":2913,"color":2914},{"name":2916,"color":2917},{"name":2931,"color":2932},"triage","ffffff",3686,"InputMenu search-Term and model-value does not update programmatically","2025-03-30T14:21:45Z","https://github.com/nuxt/ui/issues/3686",0.6883674,{"description":2939,"labels":2940,"number":2944,"owner":2874,"repository":2885,"state":2919,"title":2945,"updated_at":2946,"url":2947,"score":2948},"Any clue @danielroe?\n\n",[2941],{"name":2942,"color":2943},"enhancement","1ad6ff",958,"Tell html-validtor to ignore module pages","2023-01-04T13:47:34Z","https://github.com/nuxt/nuxt.com/issues/958",0.6889828,{"description":2950,"labels":2951,"number":2957,"owner":2874,"repository":2875,"state":2919,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHi,\n\nI'm exploring the Vue 3 compatibility section. When I run the following command:\n```bash\npnpm run dev:prepare\n```\nI encounter this error:\n\n```bash\nℹ Nuxt Icon client bundle consist of 99 icons with 47.35KB(uncompressed) in size 09:58:26\n✔ Types generated in docs/.nuxt 09:58:27\nℹ Nuxt Icon server bundle mode is set to local 09:58:29\nℹ Running with compatibility version 4 09:58:29\n✔ Types generated in devtools/.nuxt 09:58:30\nfailed to load config from C:\\Users\\chris\\code\\nuxt_ui\\playground-vue\\vite.config.ts\nerror during build:\nTypeError [ERR_INVALID_URL_SCHEME]: The URL must be of scheme file\n at fileURLToPath (node:internal/url:1393:11)\n at fileURLToPath (file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/mlly@1.7.3/node_modules/mlly/dist/index.mjs:1971:25)\n at pathToFileURL (file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/mlly@1.7.3/node_modules/mlly/dist/index.mjs:1974:26)\n at _resolve (file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/mlly@1.7.3/node_modules/mlly/dist/index.mjs:2108:10)\n at resolveSync (file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/mlly@1.7.3/node_modules/mlly/dist/index.mjs:2111:10)\n at resolvePathSync (file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/mlly@1.7.3/node_modules/mlly/dist/index.mjs:2121:24)\n at NuxtEnvironmentPlugin (file:///C:/Users/chris/code/nuxt_ui/playground-vue/vite.config.ts.timestamp-1733302710251-85be7b7cfbb28.mjs:3303:20)\n at file:///C:/Users/chris/code/nuxt_ui/playground-vue/vite.config.ts.timestamp-1733302710251-85be7b7cfbb28.mjs:3339:5\n at file:///C:/Users/chris/code/nuxt_ui/node_modules/.pnpm/unplugin@1.16.0/node_modules/unplugin/dist/index.mjs:1800:32\n at file:///C:/Users/chris/code/nuxt_ui/playground-vue/vite.config.ts.timestamp-1733302710251-85be7b7cfbb28.mjs:3361:5\n ELIFECYCLE Command failed with exit code 1.\n```\n\nAny guidance on how to resolve this issue would be greatly appreciated.\n\n\n\n\n\n\n",[2952,2953,2954],{"name":2868,"color":2869},{"name":2916,"color":2917},{"name":2955,"color":2956},"vue","42b883",2831,"build of the vue version","2024-12-06T09:56:56Z","https://github.com/nuxt/ui/issues/2831",0.68942744,{"description":2963,"labels":2964,"number":2970,"owner":2874,"repository":2875,"state":2919,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.7.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun\n- Builder: -\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.12\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha12\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/hidden-snow-d6s8wz?workspaceId=ws_JNWrpb8H73oZGFCJNwBaqL\n\n### Description\n\nWhen using the USelectMenu within a UModal, the search input of the select menu is not working correctly.\n\nIt can't be focused and typing only focuses the SelectMenu itself.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2965,2966,2969],{"name":2894,"color":2895},{"name":2967,"color":2968},"duplicate","cfd3d7",{"name":2916,"color":2917},3288,"USelectMenu broken within UModal","2025-02-11T14:11:07Z","https://github.com/nuxt/ui/issues/3288",0.6955124,{"description":2976,"labels":2977,"number":2978,"owner":2874,"repository":2885,"state":2919,"title":2979,"updated_at":2980,"url":2981,"score":2982},"",[],1049,"[Code] Community","2022-12-15T08:50:03Z","https://github.com/nuxt/nuxt.com/issues/1049",0.7004794,{"description":2984,"labels":2985,"number":2989,"owner":2874,"repository":2903,"state":2919,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### Environment\n\nReproduction: https://stackblitz.com/edit/github-gu1sj1-xq3xf8?file=tests%2Fe2e%2Fbasic.e2e.test.ts\r\n\r\nA minimal repo with just [vitest](https://github.com/vitest-dev/vitest) and [@nuxt/test-utils](https://github.com/nuxt/test-utils), an app.vue, and a `pages/index.vue` fails with error:\r\n\r\n```js\r\n❯ npm run test\r\n\r\n> test\r\n> vitest\r\n\r\nRunning with compatibility version `4`\r\n\r\n DEV v1.6.0 /home/projects/github-gu1sj1-xq3xf8/app\r\n\r\n ❯ ../tests/e2e/basic.e2e.test.ts (1)\r\n ❯ basic (1)\r\n ⠹ [ beforeAll ]\r\n · contains Welcome to Nuxt! string\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL ../tests/e2e/basic.e2e.test.ts > basic\r\nError: Cannot find any nuxt version from ./app\r\n ❯ Module.loadNuxt ../node_modules/@nuxt/kit/dist/index.mjs:2729:11\r\n ❯ loadFixture ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:102:14\r\n 100| });\r\n 101| const buildDir = ctx.nuxt.options.buildDir;\r\n 102| if (!existsSync(buildDir)) {\r\n | ^\r\n 103| await promises.mkdir(buildDir, { recursive: true });\r\n 104| ctx.teardown = ctx.teardown || [];\r\n ❯ setup2 ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:178:7\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests (1)\r\n Start at 09:54:14\r\n Duration 4.84s (transform 445ms, setup 45ms, collect 2.14s, tests 5ms, environment 0ms, prepare 807ms)\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-gu1sj1-xq3xf8?file=tests%2Fe2e%2Fbasic.e2e.test.ts\n\n### Describe the bug\n\nCannot successfully end-to-end test if there is a pages directory with an index.vue.\n\n### Additional context\n\n```\r\n\"dependencies\": {\r\n \"@nuxt/test-utils\": \"^3.13.1\",\r\n \"nuxt\": \"^3.12.3\",\r\n \"vitest\": \"^1.4.0\",\r\n \"vue\": \"latest\"\r\n }\r\n```\n\n### Logs\n\n```shell-script\n❯ npm run test\r\n\r\n> test\r\n> vitest\r\n\r\nRunning with compatibility version `4`\r\n\r\n DEV v1.6.0 /home/projects/github-gu1sj1-xq3xf8/app\r\n\r\n ❯ ../tests/e2e/basic.e2e.test.ts (1)\r\n ❯ basic (1)\r\n ⠹ [ beforeAll ]\r\n · contains Welcome to Nuxt! string\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL ../tests/e2e/basic.e2e.test.ts > basic\r\nError: Cannot find any nuxt version from ./app\r\n ❯ Module.loadNuxt ../node_modules/@nuxt/kit/dist/index.mjs:2729:11\r\n ❯ loadFixture ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:102:14\r\n 100| });\r\n 101| const buildDir = ctx.nuxt.options.buildDir;\r\n 102| if (!existsSync(buildDir)) {\r\n | ^\r\n 103| await promises.mkdir(buildDir, { recursive: true });\r\n 104| ctx.teardown = ctx.teardown || [];\r\n ❯ setup2 ../node_modules/@nuxt/test-utils/dist/shared/test-utils.C7cWLW4C.mjs:178:7\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests (1)\r\n Start at 09:54:14\r\n Duration 4.84s (transform 445ms, setup 45ms, collect 2.14s, tests 5ms, environment 0ms, prepare 807ms)\n```\n",[2986,2987,2988],{"name":2894,"color":2895},{"name":2897,"color":2898},{"name":2900,"color":2901},895,"Adding `/pages/index.vue` breaks e2e testing","2024-07-18T14:13:18Z","https://github.com/nuxt/test-utils/issues/895",0.7031307,["Reactive",2995],{},["Set"],["ShallowReactive",2998],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQqpqQvi56Zc-QyWMxGdnM52gAVceSdVqWVoOTVdqJP8":-1},"/nuxt/nuxt.com/1391"]