\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_",[2923,2926,2929],{"name":2924,"color":2925},"bug","d73a4a",{"name":2927,"color":2928},"vitest-environment","b60205",{"name":2930,"color":2931},"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":2938,"labels":2939,"number":2947,"owner":2913,"repository":2948,"state":2915,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### 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",[2940,2941,2944],{"name":2924,"color":2925},{"name":2942,"color":2943},"v3","49DCB8",{"name":2945,"color":2946},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7522048,{"description":2954,"labels":2955,"number":2956,"owner":2913,"repository":2957,"state":2958,"title":2959,"updated_at":2960,"url":2961,"score":2962},"- [ ] 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":2964,"labels":2965,"number":2966,"owner":2913,"repository":2957,"state":2958,"title":2967,"updated_at":2968,"url":2969,"score":2970},"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":2972,"labels":2973,"number":2979,"owner":2913,"repository":2948,"state":2958,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### 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.",[2974,2977,2978],{"name":2975,"color":2976},"enhancement","a2eeef",{"name":2942,"color":2943},{"name":2945,"color":2946},3557,"`DatePicker` v2 migration guide","2025-03-17T16:17:06Z","https://github.com/nuxt/ui/issues/3557",0.704747,{"description":2985,"labels":2986,"number":2989,"owner":2913,"repository":2957,"state":2958,"title":2990,"updated_at":2991,"url":2992,"score":2993},"Any clue @danielroe?\n\n",[2987],{"name":2975,"color":2988},"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":2995,"labels":2996,"number":2997,"owner":2913,"repository":2957,"state":2958,"title":2998,"updated_at":2999,"url":3000,"score":3001},"",[],990,"[Docs] Add pagination","2023-04-04T08:06:43Z","https://github.com/nuxt/nuxt.com/issues/990",0.71766907,{"description":3003,"labels":3004,"number":3006,"owner":2913,"repository":3007,"state":2958,"title":3008,"updated_at":3009,"url":3010,"score":3011},"### 📚 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_",[3005],{"name":2907,"color":2908},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":3013,"labels":3014,"number":3022,"owner":2913,"repository":2948,"state":2958,"title":3023,"updated_at":3024,"url":3025,"score":3026},"### 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",[3015,3018,3019],{"name":3016,"color":3017},"question","d876e3",{"name":2942,"color":2943},{"name":3020,"color":3021},"vue","42b883",2831,"build of the vue version","2024-12-06T09:56:56Z","https://github.com/nuxt/ui/issues/2831",0.72824496,["Reactive",3028],{},["Set"],["ShallowReactive",3031],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffSqmfGOxfppOPgTjaWjIXLBnrhz7aCKWyhhrsoNc1qw":-1},"/nuxt/test-utils/895"]