\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_",[3032,3033,3036],{"name":3019,"color":3020},{"name":3034,"color":3035},"vitest-environment","b60205",{"name":3037,"color":3038},"pending triage","5D08F5",935,"How to mock custom imports while using mountSuspended to test","2024-09-09T02:17:10Z","https://github.com/nuxt/test-utils/issues/935",0.7619711,{"description":3045,"labels":3046,"number":3047,"owner":3022,"repository":3048,"state":3049,"title":3050,"updated_at":3051,"url":3052,"score":3053},"Going on this Page: https://nuxt.com/docs/getting-started/configuration and clicking on \"nuxt.config.ts\" results in a 404\r\nalso going to https://nuxt.com/docs/guide and going to nuxt.config.ts via the directory structure also returns into 404.",[],1391,"nuxt.com","closed","nuxt config returning 404","2023-10-25T09:32:28Z","https://github.com/nuxt/nuxt.com/issues/1391",0.72894543,{"description":3055,"labels":3056,"number":3060,"owner":3022,"repository":3048,"state":3049,"title":3061,"updated_at":3062,"url":3063,"score":3064},"- [ ] Invisible contrast https://www.notion.so/nuxt/Invisible-contrast-172c713f4cea43dc875fab68a76825be\n- [ ] Strange hover https://www.notion.so/nuxt/Strange-hover-5bb97015d8fc468485b7209d6f03bea8\n- [x] Broken images https://www.notion.so/nuxt/Broken-images-6b8c9cb921d34d3db8f27d9f5f36190a",[3057],{"name":3058,"color":3059},"needs refinement","A2C2AE",1092,"[Review] Prose","2023-10-10T14:45:05Z","https://github.com/nuxt/nuxt.com/issues/1092",0.7404509,{"description":3066,"labels":3067,"number":3060,"owner":3022,"repository":3023,"state":3049,"title":3069,"updated_at":3070,"url":3071,"score":3064},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.15.1\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.7.4\n- Builder: -\n- User Config: compatibilityDate, devtools, modules\n- Runtime Modules: @nuxt/test-utils/module@3.15.4\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/romhml/nuxt-test-repro\n\n### Describe the bug\n\nHi! There seems to be an issue when using `mountSuspended` on a component with `defineOptions({ inheritAttrs: false })` where attributes bound using `v-bind=\"$attrs\"` are missing.\n\nFor instance with this component:\n\n``` vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cbutton v-bind=\"$attrs\"> \u003Cslot /> \u003C/button>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false })\n\u003C/script>\n```\n\nThe first test below using `mountSuspended` will fail because the attribute is missing, whereas the test using ` mount` from ` @vue/test-utils` works as expected.\n\n``` ts\nimport { test, expect } from 'vitest'\nimport { mount } from '@vue/test-utils'\nimport { mountSuspended } from '@nuxt/test-utils/runtime'\nimport ExampleComponent from '~/app/components/ExampleComponent.vue'\n\ntest('with mountSuspended', async () => {\n const wrapper = await mountSuspended(ExampleComponent, { attrs: { 'aria-label': 'Aria Label' } })\n expect(wrapper.find('[aria-label=\"Aria Label\"]').exists()).toBe(true)\n})\n\n\ntest('with mount', () => {\n const wrapper = mount(ExampleComponent, { attrs: { 'aria-label': 'Aria Label' } })\n expect(wrapper.find('[aria-label=\"Aria Label\"]').exists()).toBe(true)\n})\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3068],{"name":3037,"color":3038},"`mountSuspended` fails to pass attributes when `inheritAttrs` is false","2025-02-01T13:02:07Z","https://github.com/nuxt/test-utils/issues/1092",{"description":3073,"labels":3074,"number":3078,"owner":3022,"repository":3079,"state":3049,"title":3080,"updated_at":3081,"url":3082,"score":3083},"## Description\r\n\r\niconify's `getIcon` uses `validateIconName` which enforce some validation for an icon's name. \r\n\r\nOne validation is that a name must be split with `-` which is often not the case with users custom icons\r\n\r\n\r\n## Reproduction \r\n\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-qlykyd?file=icons%2FEuro.svg,nuxt.config.ts,app.vue\r\n\r\nin this reproduction, we can't see `my-icons:Euro` because Euro is in PascalCase\r\n\r\n## Solution \r\n\r\nEither a documentation fix about naming convention or fix it in iconify or we could also merge prefix with the name ? ",[3075],{"name":3076,"color":3077},"upstream","B4199A",265,"icon","Custom icons must be in kebab case","2024-12-10T07:10:48Z","https://github.com/nuxt/icon/issues/265",0.7460266,{"description":3085,"labels":3086,"number":3092,"owner":3022,"repository":3022,"state":3049,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### Environment\n\nAny build according to google:\n\n\n### Reproduction\n\nThis is a hard one to do, sometimes it works sometimes it does not.\n\n### Describe the bug\n\nIf using SSR, sometimes the following error happends:\n\n\n\nA bunch of people have reported this on Discord but i have not seen a correct solution (yet).\nFor reference:\n - https://discord.com/channels/473401852243869706/1316165553978605658/1316165553978605658\n - https://discord.com/channels/473401852243869706/897487139888062506/1336257668385472586\n - https://discord.com/channels/473401852243869706/473406506579263488/1339649178296389682\n - https://discord.com/channels/473401852243869706/1366544370517676093/1366544370517676093\nAt my work we are using Nuxt in combination with Zoho Catalyst which also causes the same issue.\n\nFrom what i know this happends because of cache on the client side.\nIf you force your browser to clear the cache of the website, then hit ctrl + f5 the website will load just fine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3087,3089],{"name":3037,"color":3088},"E99695",{"name":3090,"color":3091},"needs reproduction","FBCA04",31985,"Couldn't resolve component \"default\" at \"/\"","2025-05-03T08:23:30Z","https://github.com/nuxt/nuxt/issues/31985",0.7566907,{"description":3098,"labels":3099,"number":3103,"owner":3022,"repository":3048,"state":3049,"title":3104,"updated_at":3105,"url":3106,"score":3107},"Similar to https://www.nuxt-directus.site/composables/usedirectusfiles\n\n\n\nIt leverages Plausible for it (smart!): https://github.com/Intevel/nuxt-directus/blob/main/docs/components/content/feedback-box.vue",[3100],{"name":3101,"color":3102},"enhancement","1ad6ff",1440,"Add feedback for docs page","2025-06-12T13:09:58Z","https://github.com/nuxt/nuxt.com/issues/1440",0.757396,{"description":3109,"labels":3110,"number":3021,"owner":3022,"repository":3048,"state":3049,"title":3112,"updated_at":3113,"url":3114,"score":3028},"Blocked by #720 ",[3111],{"name":3101,"color":3102},"[Community] Nuxters filter to select community only","2022-07-25T13:34:54Z","https://github.com/nuxt/nuxt.com/issues/684",{"description":3116,"labels":3117,"number":3129,"owner":3022,"repository":3022,"state":3049,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Environment\n\n-\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-cwy9wkvf?file=app.vue\n\n### Describe the bug\n\nRegression introduced in https://github.com/nuxt/nuxt/pull/31373\n\nBefore:\n\nhttps://github.com/user-attachments/assets/ac917f7d-5926-4b76-a67d-c2ce410207d4\n\nAfter:\n\nhttps://github.com/user-attachments/assets/103ac446-2087-48b9-b402-9b117efff833\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3118,3121,3122,3123,3126],{"name":3119,"color":3120},"workaround available","11376d",{"name":3037,"color":3088},{"name":3019,"color":3020},{"name":3124,"color":3125},"❗ p4-important","D93F0B",{"name":3127,"color":3128},"possible regression","B90A42",31896,"bug: \u003Cno response> Request aborted as another request to the same endpoint was initiated.","2025-06-10T16:06:41Z","https://github.com/nuxt/nuxt/issues/31896",0.7576515,["Reactive",3135],{},["Set"],["ShallowReactive",3138],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJDJWepao-7LUgJ9XVtGwYCqUjtdifG1cug3bdzmjk_o":-1},"/nuxt/test-utils/591"]