\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_",[3197,3200,3203],{"name":3198,"color":3199},"bug","d73a4a",{"name":3201,"color":3202},"vitest-environment","b60205",{"name":3204,"color":3205},"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":3212,"labels":3213,"number":3221,"owner":3187,"repository":3222,"state":3189,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### 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",[3214,3215,3218],{"name":3198,"color":3199},{"name":3216,"color":3217},"v3","49DCB8",{"name":3219,"color":3220},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7522048,{"description":3228,"labels":3229,"number":3230,"owner":3187,"repository":3231,"state":3232,"title":3233,"updated_at":3234,"url":3235,"score":3236},"- [ ] 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":3238,"labels":3239,"number":3240,"owner":3187,"repository":3231,"state":3232,"title":3241,"updated_at":3242,"url":3243,"score":3244},"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":3246,"labels":3247,"number":3253,"owner":3187,"repository":3222,"state":3232,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### 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.",[3248,3251,3252],{"name":3249,"color":3250},"enhancement","a2eeef",{"name":3216,"color":3217},{"name":3219,"color":3220},3557,"`DatePicker` v2 migration guide","2025-03-17T16:17:06Z","https://github.com/nuxt/ui/issues/3557",0.704747,{"description":3259,"labels":3260,"number":3263,"owner":3187,"repository":3231,"state":3232,"title":3264,"updated_at":3265,"url":3266,"score":3267},"Any clue @danielroe?\n\n",[3261],{"name":3249,"color":3262},"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":3269,"labels":3270,"number":3271,"owner":3187,"repository":3231,"state":3232,"title":3272,"updated_at":3273,"url":3274,"score":3275},"",[],990,"[Docs] Add pagination","2023-04-04T08:06:43Z","https://github.com/nuxt/nuxt.com/issues/990",0.7176691,{"description":3277,"labels":3278,"number":3280,"owner":3187,"repository":3281,"state":3232,"title":3282,"updated_at":3283,"url":3284,"score":3285},"### 📚 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_",[3279],{"name":3181,"color":3182},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":3287,"labels":3288,"number":3296,"owner":3187,"repository":3222,"state":3232,"title":3297,"updated_at":3298,"url":3299,"score":3300},"### 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",[3289,3292,3293],{"name":3290,"color":3291},"question","d876e3",{"name":3216,"color":3217},{"name":3294,"color":3295},"vue","42b883",2831,"build of the vue version","2024-12-06T09:56:56Z","https://github.com/nuxt/ui/issues/2831",0.72824496,["Reactive",3302],{},["Set"],["ShallowReactive",3305],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffSqmfGOxfppOPgTjaWjIXLBnrhz7aCKWyhhrsoNc1qw":-1},"/nuxt/test-utils/895"]