\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_",[3162,3165,3168],{"name":3163,"color":3164},"bug","d73a4a",{"name":3166,"color":3167},"vitest-environment","b60205",{"name":3169,"color":3170},"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.69896,{"description":3177,"labels":3178,"number":3186,"owner":3152,"repository":3187,"state":3154,"title":3188,"updated_at":3189,"url":3190,"score":3191},"### Reproduction\n\n````\n\u003Ctemplate>\n \u003CUChip text=\"test\" size=\"3xl\">\n \u003CUButton icon=\"i-lucide-mail\" color=\"neutral\" variant=\"subtle\" />\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[3179,3180,3183],{"name":3163,"color":3164},{"name":3181,"color":3182},"v3","49DCB8",{"name":3184,"color":3185},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7522048,{"description":3193,"labels":3194,"number":3195,"owner":3152,"repository":3196,"state":3197,"title":3198,"updated_at":3199,"url":3200,"score":3201},"- [ ] Missing hover underline https://www.notion.so/nuxt/Missing-hover-underline-742096075c3e4ae28a664e62fba887b1\n- [ ] Alert Contrast https://www.notion.so/nuxt/Alert-Contrast-0ccf042d4bc44a2b90e7e3076853a643",[],1094,"nuxt.com","closed","[Review] Alert","2023-10-10T14:45:06Z","https://github.com/nuxt/nuxt.com/issues/1094",0.6780654,{"description":3203,"labels":3204,"number":3205,"owner":3152,"repository":3196,"state":3197,"title":3206,"updated_at":3207,"url":3208,"score":3209},"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 config returning 404","2023-10-25T09:32:28Z","https://github.com/nuxt/nuxt.com/issues/1391",0.6840432,{"description":3211,"labels":3212,"number":3218,"owner":3152,"repository":3187,"state":3197,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### Description\n\nThe [migration](https://ui.nuxt.com/getting-started/migration) page should mention that the old implementation of [DatePicker](https://ui2.nuxt.com/components/date-picker#installation) component is no longer correct as it throw an error on v3.\n\n\n\n### Additional context\n\nNew [DatePicker](https://ui.nuxt.com/components/calendar#as-a-datepicker) implementation is different.",[3213,3216,3217],{"name":3214,"color":3215},"enhancement","a2eeef",{"name":3181,"color":3182},{"name":3184,"color":3185},3557,"`DatePicker` v2 migration guide","2025-03-17T16:17:06Z","https://github.com/nuxt/ui/issues/3557",0.704747,{"description":3224,"labels":3225,"number":3228,"owner":3152,"repository":3196,"state":3197,"title":3229,"updated_at":3230,"url":3231,"score":3232},"Any clue @danielroe?\n\n",[3226],{"name":3214,"color":3227},"1ad6ff",958,"Tell html-validtor to ignore module pages","2023-01-04T13:47:34Z","https://github.com/nuxt/nuxt.com/issues/958",0.7099834,{"description":3234,"labels":3235,"number":3236,"owner":3152,"repository":3196,"state":3197,"title":3237,"updated_at":3238,"url":3239,"score":3240},"",[],990,"[Docs] Add pagination","2023-04-04T08:06:43Z","https://github.com/nuxt/nuxt.com/issues/990",0.7176691,{"description":3242,"labels":3243,"number":3245,"owner":3152,"repository":3246,"state":3197,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### 📚 Is your documentation request related to a problem?\n\nHey there!\n\nI wanted to add Nuxt Scripts to Nuxt Commerce to handle GA and Cookie Consent. I looked at the documentation [example](https://scripts.nuxt.com/) on the homepage:\n\n\n\nAnd I have copied it to my project but after adding it I see below issues.\n\n\n\n\n\n\n\nIs it the bug in the implementation or maybe not updated documentation?\n\n### 🔍 Where should you find it?\n\nhttps://scripts.nuxt.com/\n\n### ℹ️ Additional context\n\n_No response_",[3244],{"name":3146,"color":3147},410,"scripts","Confusion between docs and actual usage of Google Analytics Script","2025-03-25T19:48:00Z","https://github.com/nuxt/scripts/issues/410",0.71907663,{"description":3252,"labels":3253,"number":3261,"owner":3152,"repository":3187,"state":3197,"title":3262,"updated_at":3263,"url":3264,"score":3265},"### 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",[3254,3257,3258],{"name":3255,"color":3256},"question","d876e3",{"name":3181,"color":3182},{"name":3259,"color":3260},"vue","42b883",2831,"build of the vue version","2024-12-06T09:56:56Z","https://github.com/nuxt/ui/issues/2831",0.72824496,["Reactive",3267],{},["Set"],["ShallowReactive",3270],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffSqmfGOxfppOPgTjaWjIXLBnrhz7aCKWyhhrsoNc1qw":-1},"/nuxt/test-utils/895"]