\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_",[2004,2005,2008],{"name":1985,"color":1986},{"name":2006,"color":2007},"vitest-environment","b60205",{"name":2009,"color":2010},"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.71739256,{"description":2018,"labels":2019,"number":2026,"owner":1994,"repository":1995,"state":1996,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Description\n\n**nuxt ui** incorrectly assumes tailwind colours are literal values and passes through `\u003Calpha-value>` when generating its `--color-primary-N` variables.\nit also forces particular shades (400 and 500) as `DEFAULT`, how can I disable this _feature_?\n\n```html\n \u003Cstyle id=\"nuxt-ui-colors\">\n :root {\n --color-primary-50: rgb(var(--md-primary-50) / \u003Calpha-value>);\n --color-primary-100: rgb(var(--md-primary-100) / \u003Calpha-value>);\n --color-primary-200: rgb(var(--md-primary-200) / \u003Calpha-value>);\n --color-primary-300: rgb(var(--md-primary-300) / \u003Calpha-value>);\n --color-primary-400: rgb(var(--md-primary-400) / \u003Calpha-value>);\n --color-primary-500: rgb(var(--md-primary-500) / \u003Calpha-value>);\n --color-primary-600: rgb(var(--md-primary-600) / \u003Calpha-value>);\n --color-primary-700: rgb(var(--md-primary-700) / \u003Calpha-value>);\n --color-primary-800: rgb(var(--md-primary-800) / \u003Calpha-value>);\n --color-primary-900: rgb(var(--md-primary-900) / \u003Calpha-value>);\n --color-primary-950: rgb(var(--md-primary-950) / \u003Calpha-value>);\n --color-primary-DEFAULT: rgb(var(--md-primary) / \u003Calpha-value>);\n --color-primary-DEFAULT: var(--color-primary-500);\n --color-gray-50: rgb(var(--md-neutral-50) / \u003Calpha-value>);\n --color-gray-100: rgb(var(--md-neutral-100) / \u003Calpha-value>);\n --color-gray-200: rgb(var(--md-neutral-200) / \u003Calpha-value>);\n --color-gray-300: rgb(var(--md-neutral-300) / \u003Calpha-value>);\n --color-gray-400: rgb(var(--md-neutral-400) / \u003Calpha-value>);\n --color-gray-500: rgb(var(--md-neutral-500) / \u003Calpha-value>);\n --color-gray-600: rgb(var(--md-neutral-600) / \u003Calpha-value>);\n --color-gray-700: rgb(var(--md-neutral-700) / \u003Calpha-value>);\n --color-gray-800: rgb(var(--md-neutral-800) / \u003Calpha-value>);\n --color-gray-900: rgb(var(--md-neutral-900) / \u003Calpha-value>);\n --color-gray-950: rgb(var(--md-neutral-950) / \u003Calpha-value>);\n --color-gray-DEFAULT: rgb(var(--md-neutral) / \u003Calpha-value>);\n }\n\n .dark {\n --color-primary-DEFAULT: var(--color-primary-400);\n }\n \u003C/style>\n \u003Cstyle id=\"nuxt-ui-variables\">\n :root {\n --header-height: 4rem;\n --ui-background: var(--md-surface);\n --ui-foreground: var(--md-on-surface);\n }\n\n .dark {\n --ui-background: var(--md-surface);\n --ui-foreground: var(--md-on-surface);\n }\n \u003C/style>\n```",[2020,2023],{"name":2021,"color":2022},"question","d876e3",{"name":2024,"color":2025},"stale","ededed",3025,"`--color-primary-N` vs tailwind colors via variables","2025-03-09T01:50:36Z","https://github.com/nuxt/ui/issues/3025",0.72057265,{"description":2032,"labels":2033,"number":2034,"owner":1994,"repository":2035,"state":1996,"title":2036,"updated_at":2037,"url":2038,"score":2039},"Hello Nuxters,\r\n\r\nI'm a fan and a supporter of nuxt and wanted to contribute in any way possible.\r\nNot sure if it is under cooking, but if not, I would be glad to add a deploy page for (Coolify.io)[https://coolify.io/]\r\n\r\nPlease let me know if that would be an acceptable pull request.\r\n\r\nThanks,\r\nMohannad",[],1609,"nuxt.com","docs: add deploy to Coolify.io","2024-07-19T06:05:15Z","https://github.com/nuxt/nuxt.com/issues/1609",0.7208864,{"description":2041,"labels":2042,"number":2046,"owner":1994,"repository":2012,"state":2047,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### 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",[2043,2044,2045],{"name":1985,"color":1986},{"name":2006,"color":2007},{"name":2009,"color":2010},895,"closed","Adding `/pages/index.vue` breaks e2e testing","2024-07-18T14:13:18Z","https://github.com/nuxt/test-utils/issues/895",0.6672124,{"description":2053,"labels":2054,"number":2060,"owner":1994,"repository":1995,"state":2047,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### 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```",[2055,2056,2059],{"name":1985,"color":1986},{"name":2057,"color":2058},"needs reproduction","CB47CF",{"name":1991,"color":1992},3494,"Lucide Icons fail to load properly","2025-03-11T16:48:58Z","https://github.com/nuxt/ui/issues/3494",0.6708703,{"description":2066,"labels":2067,"number":2068,"owner":1994,"repository":2035,"state":2047,"title":2069,"updated_at":2070,"url":2071,"score":2072},"",[],1049,"[Code] Community","2022-12-15T08:50:03Z","https://github.com/nuxt/nuxt.com/issues/1049",0.6768878,{"description":2074,"labels":2075,"number":2078,"owner":1994,"repository":1995,"state":2047,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Version\n\nv3 - https://pkg.pr.new/@nuxt/ui@2e17fb6\n\n### Description\n\n* `CommandPalette` placeholder: https://github.com/nuxt/ui/blob/v3/src/runtime/components/CommandPalette.vue#L143\n",[2076,2077],{"name":1985,"color":1986},{"name":1991,"color":1992},2906,"v3: Missing translations","2025-01-25T13:12:21Z","https://github.com/nuxt/ui/issues/2906",0.6891601,{"description":2084,"labels":2085,"number":2089,"owner":1994,"repository":2035,"state":2047,"title":2090,"updated_at":2091,"url":2092,"score":2093},"Any clue @danielroe?\n\n",[2086],{"name":2087,"color":2088},"enhancement","1ad6ff",958,"Tell html-validtor to ignore module pages","2023-01-04T13:47:34Z","https://github.com/nuxt/nuxt.com/issues/958",0.6935606,{"description":2095,"labels":2096,"number":2103,"owner":1994,"repository":1995,"state":2047,"title":2104,"updated_at":2105,"url":2106,"score":2107},"### 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```",[2097,2098,2099,2100],{"name":1985,"color":1986},{"name":2057,"color":2058},{"name":1991,"color":1992},{"name":2101,"color":2102},"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.69396377,["Reactive",2109],{},["Set"],["ShallowReactive",2112],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"QqpqQvi56Zc-QyWMxGdnM52gAVceSdVqWVoOTVdqJP8":-1},"/nuxt/nuxt.com/1391"]