\n\nconst items = ref([\n \"ok\",\n \"this one would not be ok because of how long it is\"\n])\n```\n\nThough, you could use something like Zod to do form validation, I think this could just apply a `maxlength` to the input itself to prevent typing more than the limit.\n\n### Additional context\n\n_No response_",[2922,2923],{"name":2903,"color":2904},{"name":2906,"color":2907},4405,"closed","InputTags max item length","2025-07-01T08:35:33Z","https://github.com/nuxt/ui/issues/4405",0.75984293,{"description":2931,"labels":2932,"number":2935,"owner":2912,"repository":2936,"state":2925,"title":2937,"updated_at":2938,"url":2939,"score":2940},"- [x] `/modules`\n- [x] `/resources/showcases`\n- [x] `/community/repositories`\n- [x] `/community/nuxters`\n- [x] `/community/partners` (only for consistency as this page always have enough data)\n\nhttp://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_06_15_at_18_59_00_2765908697.mp4\n",[2933],{"name":2903,"color":2934},"1ad6ff",621,"nuxt.com","Lists should have a `min-height` to prevent scroll moving up when selecting filters","2023-02-15T12:32:39Z","https://github.com/nuxt/nuxt.com/issues/621",0.7693655,{"description":2942,"labels":2943,"number":2945,"owner":2912,"repository":2936,"state":2925,"title":2946,"updated_at":2947,"url":2948,"score":2949},"",[2944],{"name":2903,"color":2934},287,"Custom scrollbars for dark mode","2023-02-15T12:32:05Z","https://github.com/nuxt/nuxt.com/issues/287",0.791665,{"description":2942,"labels":2951,"number":2945,"owner":2912,"repository":2952,"state":2925,"title":2953,"updated_at":2954,"url":2955,"score":2949},[],"test-utils","detect nuxt.config.ts","2023-12-02T00:13:07Z","https://github.com/nuxt/test-utils/issues/287",{"description":2957,"labels":2958,"number":2963,"owner":2912,"repository":2913,"state":2925,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Description\n\nHi I have a mobile layout where I have a navbar stuck to the bottom of my screen which I want always visible. However when I use a UDrawer which comes out from the bottom it covers my navbar. I tried setting z-indexes in different places but it didn't seem to affect the UDrawer being overlayed on top of everything. \n\nWhich setting would be best to use to achieve this layout?",[2959,2962],{"name":2960,"color":2961},"question","d876e3",{"name":2906,"color":2907},4159,"Can I set the z-index of UDrawer?","2025-06-02T20:25:58Z","https://github.com/nuxt/ui/issues/4159",0.79415756,{"description":2969,"labels":2970,"number":2976,"owner":2912,"repository":2913,"state":2925,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Description\n\nThe UPageCard component supports highlight and spotlight modes, but there’s no way to change its color dynamically. It just uses the primary color. It would be nice to be able to change this by a color prop.\n\n### Additional context\n\n_No response_",[2971,2972,2973],{"name":2903,"color":2904},{"name":2906,"color":2907},{"name":2974,"color":2975},"pro","5BD3CB",3389,"UPageCard: Allow setting color","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3389",0.79542685,{"description":2982,"labels":2983,"number":2989,"owner":2912,"repository":2913,"state":2925,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### Description\n\nHello there\nCurrently, \u003CUSelect /> and \u003CUSelectMenu /> components render options within a fixed-height dropdown. It is complicated to deal with large datasets. When displaying large lists of options, this can lead to performance issues. Is it possible we can get something like VueUse infinite scroll?\n[https://vueuse.org/core/useinfinitescroll/#useinfinitescroll](url) ??\n\n### Additional context\n\n_No response_",[2984,2987,2988],{"name":2985,"color":2986},"duplicate","cfd3d7",{"name":2903,"color":2904},{"name":2906,"color":2907},4172,"Uselect and UselectMenu content infinite scroll","2025-05-23T13:55:50Z","https://github.com/nuxt/ui/issues/4172",0.7955324,{"description":2995,"labels":2996,"number":3002,"owner":2912,"repository":2913,"state":2925,"title":3003,"updated_at":3004,"url":3005,"score":3006},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.9.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.6`\n- Package Manager: `npm@10.8.3`\n- Builder: `-`\n- User Config: `devtools`, `modules`, `i18n`, `ssr`, `runtimeConfig`, `app`, `css`, `vite`, `compatibilityDate`\n- Runtime Modules: `@nuxtjs/i18n@9.3.1`, `@nuxt/ui@3.0.0`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.4\n\n### Reproduction\n\nUse any RTL language with USelect and UInputMenu component.\n\n### Description\n\nCurrently, both USelect and UInput Menu don't support rtl direction. The placeholder should be on the right side and the icon on the left side of the field.\n\nIn USelect, you can see that even the dropdown is not properly aligned according to language. \n\n\u003Cimg width=\"325\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/cbdc836c-b95f-465e-9ca0-58648ff768b1\" />\n\nWhile the popover label are aligned properly for UInputMenu, the placeholder and arrow is still not in proper direction.\n\u003Cimg width=\"221\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e65e9225-b614-40b0-98a5-25b7204f5dc3\" />\n\nSame with these tags components, it's direction should be reversed too. \n\u003Cimg width=\"442\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0198503a-bd34-4b4e-8a11-1213023f9383\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2997,3000,3001],{"name":2998,"color":2999},"bug","d73a4a",{"name":2906,"color":2907},{"name":2909,"color":2910},3538,"USelect and UInputMenu don't support RTL language.","2025-03-20T14:01:01Z","https://github.com/nuxt/ui/issues/3538",0.79985696,{"description":3008,"labels":3009,"number":3012,"owner":2912,"repository":2913,"state":2925,"title":3013,"updated_at":3014,"url":3015,"score":3016},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nIs this possible to add support for veevalidate in form component?\n\n### Additional context\n\n_No response_",[3010,3011],{"name":2903,"color":2904},{"name":2906,"color":2907},2816,"Integrate VeeValidate","2024-12-02T17:13:34Z","https://github.com/nuxt/ui/issues/2816",0.8003846,["Reactive",3018],{},["Set"],["ShallowReactive",3021],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f3m0x-mb5msvF45AR7kNO59ezAJN1jN9HNU9vRCj7F0I":-1},"/nuxt/ui/2194"]