\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```",[3030,3033,3036],{"name":3031,"color":3032},"bug","d73a4a",{"name":3034,"color":3035},"v3","49DCB8",{"name":3037,"color":3038},"triage","ffffff",3606,"ui","closed","Numbers in InputMenu component cause error in filter","2025-03-24T20:38:15Z","https://github.com/nuxt/ui/issues/3606",0.68848777,{"description":3047,"labels":3048,"number":3052,"owner":3020,"repository":3040,"state":3041,"title":3053,"updated_at":3054,"url":3055,"score":3056},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.2.4\r\n- Builder: -\r\n- User Config: compatibilityDate, runtimeConfig, experimental, router, i18n, devServer, devtools, app, components, modules, vue, tailwindcss, image, ui, nitro, storyblok, algolia, colorMode, hooks\r\n- Runtime Modules: @nuxt/devtools@1.4.1, @nuxt/image@1.8.0, @nuxt/ui@2.18.4, @nuxtjs/i18n@8.5.1, @pinia/nuxt@0.5.4, @storyblok/nuxt@6.0.10, @vueuse/nuxt@11.0.3, nuxt-og-image@3.0.0-rc.66, @stefanobartoletti/nuxt-social-share@1.0.1\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-y5b7nb?file=app.vue\n\n### Description\n\nWhen using the button component with color 'white' and variant 'link', 'outline' or 'soft' invalid Tailwind color classes are generated, e.g. 'text-white-500'. It should be 'text-white'.\r\n\r\ntext-white-500 hover:text-white-600 disabled:text-white-500 dark:text-white-400 dark:hover:text-white-500 dark:disabled:text-white-400 focus-visible:ring-inset focus-visible:ring-white-500 dark:focus-visible:ring-white-400\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3049],{"name":3050,"color":3051},"question","d876e3",2109,"White link, outline and soft buttons generate wrong Tailwind classes, e.g. 'text-white-500'","2024-09-06T13:10:25Z","https://github.com/nuxt/ui/issues/2109",0.70146185,{"description":3058,"labels":3059,"number":3062,"owner":3020,"repository":3021,"state":3041,"title":3063,"updated_at":3064,"url":3065,"score":3066},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_05_23_at_16_23_53_7945ec0dde.mp4\n",[3060],{"name":3031,"color":3061},"ff281a",555,"[Nuxt3] Children pages reloads on first query param change","2022-11-17T11:45:24Z","https://github.com/nuxt/nuxt.com/issues/555",0.7024964,{"description":3068,"labels":3069,"number":3062,"owner":3020,"repository":3073,"state":3041,"title":3074,"updated_at":3075,"url":3076,"score":3066},"I have some components that include \"client\" components (i.e. ClientComponent.client.vue). When I run tests for components that include client components, they always seem to fail with messages like this:\r\n\r\n```\r\n[Vue warn]: Component \u003CAnonymous>: setup function returned a promise, but no \u003CSuspense> boundary was found in the parent component tree. A component with async setup() must be nested in a \u003CSuspense> in order to be rendered. \r\n at \u003CClientComponent.client> \r\n at \u003CTestA ref=\"VTU_COMPONENT\" > \r\n at \u003CVTUROOT>\r\n```\r\n\r\nA simple component that I'm testing looks like this:\r\n\r\n\r\n```\r\n// TestA.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CClientComponent />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nand the test file looks like this:\r\n\r\n\r\n```\r\n// TestA.spec.ts\r\nimport { describe, it, expect } from 'vitest';\r\nimport { mount } from '@vue/test-utils';\r\nimport TestA from './TestA.vue';\r\n\r\ndescribe('Competition TestA', () => {\r\n it('renders component', async () => {\r\n const wrapper = mount(TestA);\r\n expect(wrapper.text()).toContain('Client component here...');\r\n });\r\n});\r\n\r\n```\r\n\r\nFinally, the client component:\r\n\r\n```\r\n// ClientComponent.client.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>Client component here...\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nIf I remove the \".client\" from the component file name (to make it just ClientComponent.vue), then the tests will run and pass normally. However, there are some cases where I want to use \".client\" to make sure it's only rendered client-side.\r\n\r\n### Reproduction \r\nhttps://stackblitz.com/edit/github-ndby6m?file=components/TestA.spec.ts\r\n\r\nFailures can be seen there by running `pnpm run test`",[3070],{"name":3071,"color":3072},"vitest-environment","b60205","test-utils","Tests fail when using .client components","2023-12-02T00:27:10Z","https://github.com/nuxt/test-utils/issues/555",{"description":3078,"labels":3079,"number":3083,"owner":3020,"repository":3021,"state":3041,"title":3084,"updated_at":3085,"url":3086,"score":3087},"Respectively to `contact@nuxt.com` / `support@nuxt.com` / `careers@nuxt.com`",[3080],{"name":3081,"color":3082},"enhancement","1ad6ff",503,"[Company] `contact` / `support` / `careers` forms should send an email","2023-02-15T12:32:26Z","https://github.com/nuxt/nuxt.com/issues/503",0.7062849,{"description":3089,"labels":3090,"number":3083,"owner":3020,"repository":3073,"state":3041,"title":3092,"updated_at":3093,"url":3094,"score":3087},"After updating happy-dom to the latest version **10.5.2** ,\r\nI have this error when I run my app : \r\n`Error while requiring module vitest-environment-nuxt/module: Error: Cannot find module '/Users/\u003Cuser>/\u003Cfolderpath>/vitest-environment-nuxt/module'`\r\n\r\nDoes anyone have a solution ?",[3091],{"name":3071,"color":3072},"Error after updating happy dom dependency","2023-12-02T00:17:10Z","https://github.com/nuxt/test-utils/issues/503",{"description":3096,"labels":3097,"number":3103,"owner":3020,"repository":3040,"state":3041,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### 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```",[3098,3099,3100],{"name":3031,"color":3032},{"name":3034,"color":3035},{"name":3101,"color":3102},"reka-ui","56d799",2657,"SelectMenu search not clickable from modal","2025-02-13T18:27:29Z","https://github.com/nuxt/ui/issues/2657",0.7106511,{"description":3109,"labels":3110,"number":3114,"owner":3020,"repository":3040,"state":3041,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\n\n System:\n OS: Linux 6.5 Ubuntu 23.10 23.10 (Mantic Minotaur)\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz\n Memory: 44.48 GB / 62.57 GB\n Container: Yes\n Shell: 5.9 - /usr/bin/zsh\n Browsers:\n Chrome: 126.0.6478.126\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/select-menu\n\n### Description\n\n1. open docs\n2. open any select menu\n3. select any option\n4. tab to next field\n5. tab index is reset\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3111,3112,3113],{"name":3031,"color":3032},{"name":3034,"color":3035},{"name":3101,"color":3102},2350,"[SelectMenu] Broken focus/tab index after selecting","2024-12-03T15:11:34Z","https://github.com/nuxt/ui/issues/2350",0.7210876,{"description":3120,"labels":3121,"number":3123,"owner":3020,"repository":3021,"state":3041,"title":3124,"updated_at":3125,"url":3126,"score":3127}," \n\n- [ ] No empty state for repositories, i put an example there nuxtlabs/nuxt.com#613\n\n\n- [x] Padding up & down the border should be 16px instead of 12px\n\n\n- [x] Icon should be 18px and space between icon & text should be 8px\n\n\n- [x] icon should be 20px and space between text & icon should also be 8px + underline should be only on text (width: calc(100% - 20px); right: 0;) and 4px below the actual position of it\n\n\n- [x] [Tablet] You can make 2 cols in tablet\n\n\n- [x] [Tablet] You can reduce image opacity like you do in mobile for tablet resolutions\n\n\n- [ ] [Mobile] Selects should be width full (in very small resolutions) nuxtlabs/nuxt.com#612\n\n**Idea**\n- [ ] [Mobile] Maybe adding a back to top on mobile because scroll can be very long\n\n\n- [x] [Darkmode] Repo title should be white\n\n\n- [x] Increase the space between Title & Description by 4px\n\n",[3122],{"name":3081,"color":3082},609,"[Resources] Repositories improvements V2","2022-06-14T10:46:20Z","https://github.com/nuxt/nuxt.com/issues/609",0.7230465,["Reactive",3129],{},["Set"],["ShallowReactive",3132],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frg1-zGhWq0cdwPG39ymNWkEcTm60qPUdOktcwoYRdlQ":-1},"/nuxt/test-utils/749"]