\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_",[3154,3157,3160],{"name":3155,"color":3156},"bug","d73a4a",{"name":3158,"color":3159},"vitest-environment","b60205",{"name":3161,"color":3162},"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":3169,"labels":3170,"number":3178,"owner":3144,"repository":3179,"state":3146,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### 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",[3171,3172,3175],{"name":3155,"color":3156},{"name":3173,"color":3174},"v3","49DCB8",{"name":3176,"color":3177},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7522048,{"description":3185,"labels":3186,"number":3187,"owner":3144,"repository":3188,"state":3189,"title":3190,"updated_at":3191,"url":3192,"score":3193},"- [ ] 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":3195,"labels":3196,"number":3197,"owner":3144,"repository":3188,"state":3189,"title":3198,"updated_at":3199,"url":3200,"score":3201},"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":3203,"labels":3204,"number":3210,"owner":3144,"repository":3179,"state":3189,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### 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.",[3205,3208,3209],{"name":3206,"color":3207},"enhancement","a2eeef",{"name":3173,"color":3174},{"name":3176,"color":3177},3557,"`DatePicker` v2 migration guide","2025-03-17T16:17:06Z","https://github.com/nuxt/ui/issues/3557",0.704747,{"description":3216,"labels":3217,"number":3220,"owner":3144,"repository":3188,"state":3189,"title":3221,"updated_at":3222,"url":3223,"score":3224},"Any clue @danielroe?\n\n",[3218],{"name":3206,"color":3219},"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":3226,"labels":3227,"number":3228,"owner":3144,"repository":3188,"state":3189,"title":3229,"updated_at":3230,"url":3231,"score":3232},"",[],990,"[Docs] Add pagination","2023-04-04T08:06:43Z","https://github.com/nuxt/nuxt.com/issues/990",0.7176691,{"description":3234,"labels":3235,"number":3237,"owner":3144,"repository":3238,"state":3189,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### 📚 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_",[3236],{"name":3138,"color":3139},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":3244,"labels":3245,"number":3253,"owner":3144,"repository":3179,"state":3189,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### 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",[3246,3249,3250],{"name":3247,"color":3248},"question","d876e3",{"name":3173,"color":3174},{"name":3251,"color":3252},"vue","42b883",2831,"build of the vue version","2024-12-06T09:56:56Z","https://github.com/nuxt/ui/issues/2831",0.72824496,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffSqmfGOxfppOPgTjaWjIXLBnrhz7aCKWyhhrsoNc1qw":-1},"/nuxt/test-utils/895"]