\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_",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"vitest-environment","b60205",{"name":1991,"color":1992},"pending triage","5D08F5",935,"nuxt","test-utils","open","How to mock custom imports while using mountSuspended to test","2024-09-09T02:17:10Z","https://github.com/nuxt/test-utils/issues/935",0.7451906,{"description":2002,"labels":2003,"number":2008,"owner":1994,"repository":2009,"state":1996,"title":2010,"updated_at":2011,"url":2012,"score":2013},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n.\n\n### Description\n\nHi\nWhen we use the arrow in the DropdownMenu component, a border is added to the last item. Apparently, this is because the arrow element is added at the end of the items groups in this component.\n\n\n\n\n\nI hope I was able to tell you what I meant. It's nothing special, but it would be great if it could be fixed. 🙄\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2004,2005],{"name":1985,"color":1986},{"name":2006,"color":2007},"v3","49DCB8",3315,"ui","arrow causes appear border in the last item of DropdownMenu","2025-02-17T11:48:29Z","https://github.com/nuxt/ui/issues/3315",0.7598841,{"description":2015,"labels":2016,"number":2020,"owner":1994,"repository":2021,"state":2022,"title":2023,"updated_at":2024,"url":2025,"score":2026},"- [ ] 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",[2017],{"name":2018,"color":2019},"needs refinement","A2C2AE",1092,"nuxt.com","closed","[Review] Prose","2023-10-10T14:45:05Z","https://github.com/nuxt/nuxt.com/issues/1092",0.45816898,{"description":2028,"labels":2029,"number":2035,"owner":1994,"repository":2009,"state":2022,"title":2036,"updated_at":2037,"url":2038,"score":2039},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: devtools, modules, components, css, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0, @pinia/nuxt@0.10.1, compodium@0.1.0-beta.5\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\n```vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUInputMenu :items=\"idList\" v-model=\"value\" />\n \u003C/div>\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\nconst value = ref(0)\nconst idList = ref([168, 170, 203])\n\u003C/script>\n```\n\n### Description\n\nIf adding array of numbers to InputMenu the menu isn't closing after choosing a number.\nOnly way to close it is double-clicking on the dropdown arrow.\nThe Console shows an error in useFilter.\n\n### Additional context\n\n\n\n\n\n### Logs\n\n```shell-script\nUncaught (in promise) TypeError: string.normalize is not a function\n at contains (useFilter.js?v=87101672:23:21)\n at InputMenu.vue:114:18\n at wrappedFn (reactivity.esm-bundler.js?v=87101672:820:19)\n at Array.filter (\u003Canonymous>)\n at apply (reactivity.esm-bundler.js?v=87101672:828:27)\n at Proxy.filter (reactivity.esm-bundler.js?v=87101672:720:12)\n at InputMenu.vue:112:50\n at Array.map (\u003Canonymous>)\n at ComputedRefImpl.fn (InputMenu.vue:112:27)\n at refreshComputed (reactivity.esm-bundler.js?v=87101672:353:29)\n```",[2030,2031,2032],{"name":1985,"color":1986},{"name":2006,"color":2007},{"name":2033,"color":2034},"triage","ffffff",3606,"Numbers in InputMenu component cause error in filter","2025-03-24T20:38:15Z","https://github.com/nuxt/ui/issues/3606",0.70088345,{"description":2041,"labels":2042,"number":2043,"owner":1994,"repository":2044,"state":2022,"title":2045,"updated_at":2046,"url":2047,"score":2048},"Hello,\nadding your package to the a repository for deploying breaks the Rollup build step.\n\n## Minimal reproducible example\n```\nnode --version\nv20.17.0\npnpm --version\n9.11.0\n```\n- `pnpm create cloudflare@latest my-nuxt-app --framework=nuxt`\n- `cd my-nuxt-app`\n- `pnpx nuxi module add icon` (taken from your doc)\n- `pnpm build`\nI get the following error:\n\n```\n[nitro 23:41:30] ERROR RollupError: .nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \".nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js\".\n\n\n1: import { stdin, stdout } from \"node:process\";\n ^\n2: import f from \"node:readline\";\n3: import { WriteStream } from \"node:tty\";\n\n\n[23:41:30] ERROR .nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \".nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js\".\n```\n\nThanks.",[],274,"icon","Rollup issue - Adding the package breaks the build step","2024-10-28T13:36:54Z","https://github.com/nuxt/icon/issues/274",0.71672654,{"description":2050,"labels":2051,"number":2052,"owner":1994,"repository":2021,"state":2022,"title":2053,"updated_at":2054,"url":2055,"score":2056},"The sticky position of Table of Contents isn't functioning on mobil. I think it's because of the `div` from `$slots.right` of `UPage`.\r\n\r\n\r\n\u003Cimg width=\"958\" alt=\"Screenshot 2023-11-07 at 12 08 42 AM\" src=\"https://github.com/nuxt/nuxt.com/assets/38922203/704ca39b-c8e2-4915-840f-21dfcf493c1d\">\r\n",[],1412,"docs: TOC sticky position is not working on mobile","2023-11-22T14:28:54Z","https://github.com/nuxt/nuxt.com/issues/1412",0.716836,{"description":2058,"labels":2059,"number":2066,"owner":1994,"repository":2009,"state":2022,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v20.17.0`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `npm@10.8.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `runtimeConfig`, `pinia`, `imports`, `experimental`, `modules`, `css`, `fileStorage`\n- Runtime Modules: `nuxt-file-storage@0.3.0`, `@nuxt/ui@3.0.1`, `@vueuse/nuxt@12.8.2`, `@pinia/nuxt@0.10.1`, `@nuxt/image@1.10.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\n```\n\u003Cscript lang=\"ts\" setup>\nconst query=ref('')\nconst value=ref()\nconst itemssearchlist=ref([\n { label: 'All', value: 'all' },\n { label: 'Archived', value: 'archived' },\n { label: 'Locked', value: 'locked' },\n { label: 'Active', value: 'active' }\n])\n\nfunction clear() {\n query.value='';\nvalue.value=null\n}\n\n\n\u003C/script>\n\n\u003Ctemplate>\n\u003Cdiv>\n \u003CUInputMenu \n v-model:searchTerm='query'\n label-key=\"name\"\n v-model=\"value\"\n :items=\"itemssearchlist\"\n @update:model-value=\"clear\"\n />\n \u003CUButton @click=\"clear\" >clear\u003C/UButton>\n\u003C/div>\n\u003C/template>\n\n```\n\n### Description\n\nAs shown above, the clear function only works when the button is clicked however does not work on @update:model-value. To be more specific... a console.log of value and query on the first instance returns the value and null respectively and on subsequent instances returns the value and the query. Trying to update these always fails as the values remain the same\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nNo Logs\n```",[2060,2061,2064,2065],{"name":1985,"color":1986},{"name":2062,"color":2063},"needs reproduction","CB47CF",{"name":2006,"color":2007},{"name":2033,"color":2034},3686,"InputMenu search-Term and model-value does not update programmatically","2025-03-30T14:21:45Z","https://github.com/nuxt/ui/issues/3686",0.727126,{"description":2072,"labels":2073,"number":2077,"owner":1994,"repository":2044,"state":2022,"title":2078,"updated_at":2079,"url":2080,"score":2081},"## 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 ? ",[2074],{"name":2075,"color":2076},"upstream","B4199A",265,"Custom icons must be in kebab case","2024-12-10T07:10:48Z","https://github.com/nuxt/icon/issues/265",0.73088104,{"description":2083,"labels":2084,"number":2090,"owner":1994,"repository":2009,"state":2022,"title":2091,"updated_at":2092,"url":2093,"score":2094},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.12.2`\n- Nuxt Version: `3.14.159`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `bun@1.1.33`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.8`, `@nuxt/eslint@0.6.1`, `@vueuse/nuxt@11.2.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nPlace SelectMenu with search in Modal then try to access search input\n\n### Description\n\nSelectMenu search not working from modal\nIt's working if :portal=\"false\", but style broken\n\n### Additional context\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2085,2086,2087],{"name":1985,"color":1986},{"name":2006,"color":2007},{"name":2088,"color":2089},"reka-ui","56d799",2657,"SelectMenu search not clickable from modal","2025-02-13T18:27:29Z","https://github.com/nuxt/ui/issues/2657",0.7420859,{"description":2096,"labels":2097,"number":2098,"owner":1994,"repository":2021,"state":2022,"title":2099,"updated_at":2100,"url":2101,"score":2102},"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.74837834,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"DNU10gR2p5FhtnTqV3864ZaRod-TWpoZct7kPd1gQHA":-1},"/nuxt/test-utils/1092"]