\n\n- [ ] **`UInputEditor`**\nSince Reka UI lacks a native editor component, I recommend integrating a third-party solution like [Quill](https://quilljs.com) or [TipTap](https://tiptap.dev) (which already offers Nuxt/Vue support). Although previously dismissed by the author, this feature remains highly requested by the community. \u003Cbr>\u003Cimg width=\"1009\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4862e9e8-4769-4bd3-a40e-bc89cea5d1a1\" />\n_Related: #2698, #1889, #791_\n\n- [ ] **`UInputTime`**\nImplement the `TimeField` component from Reka UI, this component could support single and range-based time selection.\n_Related: #3089, #3969, #4634_ \u003Cbr>\u003Cimg width=\"175\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7e338f95-eae3-4ef8-81cc-b3db28553b4e\" />\n\n- [ ] **`UInputDate`**\nImplementation of Reka UI’s `DatePicker` and `DateRangePicker`. \u003Cbr>\u003Cimg width=\"608\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/fcae5c2d-50ed-4b8b-ac89-b3272626fd48\" />\n_Related: #2524, #2873_\n\n- [ ] **`UInputDateTime`**\nA hybrid component combining `UInputDate` and `UInputTime` for scenarios requiring both date and time inputs. \u003Cbr>\u003Cimg width=\"303\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2372467f-ca86-44a0-9667-6dc3ffa43247\" />\n\n- [ ] **`UInputMonth`**\nIdeal for cases where users need to select a combination of month and year. \u003Cbr>\u003Cimg width=\"249\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7ee72087-0d58-47ca-b0f7-b5c239148d91\" />\n\n- [ ] **`UInputYear`**\nA simpler component for year-only selection. \u003Cbr>\u003Cimg width=\"247\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a841c974-43b7-42a1-ac3c-7fb42e85fafc\" />\n\n- [ ] **`UInputMask`**\nMasked inputs are indispensable for formatting fields like postal codes or national IDs. I suggest leveraging [Vue The Mask](https://github.com/vuejs-tips/vue-the-mask) for implementation. \u003Cbr>\u003Cimg width=\"316\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b2a3150f-a29e-40ad-96c1-32a63b3bd9ac\" />\n_Related: #1303, #510_\n\n- [ ] **`UInputPhone`**\nA phone input with internationalization support, much like `LocaleSelect` (which already displays flags and country names). The [libphonenumber-js](https://www.npmjs.com/package/libphonenumber-js) library could serve as the foundation. \u003Cbr>\u003Cimg width=\"312\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/893a1bf3-130c-49da-b41e-8ebf468569a4\" />\n_Related: #2815_\n\n## Updates to Existing Components\n\n- [ ] **`UPinInput → UInputPin`**\nRename the existing `UPinInput` component to align with the naming convention used across other input components.\n\n- [ ] **`UInput / UTextarea`**\nAdd a native character counter via a `counter` property, configurable using the `min` and/or `max` attributes. Currently, there is an [example](https://ui3.nuxt.dev/components/input#with-character-limit) for this functionality, but a native implementation would improve the developer experience.\n\n### Additional context\n\n_No response_",[3139,3142],{"name":3140,"color":3141},"feature","A27AF6",{"name":3143,"color":3144},"v3","49DCB8",3094,"nuxt","ui","open","[RFP] The Inputs Update","2025-07-31T02:45:34Z","https://github.com/nuxt/ui/issues/3094",0.73601055,{"description":3154,"labels":3155,"number":3165,"owner":3146,"repository":3146,"state":3148,"title":3166,"updated_at":3167,"url":3168,"score":3169},"We have experimental support in Nuxt 3 for both island components and server-only components (which are implemented using islands) - see https://github.com/nuxt/framework/pull/5689 and https://github.com/nuxt/framework/pull/9972 for initial implementations and https://github.com/nuxt/nuxt/discussions/17956 for initial partial RFC.\r\n\r\nThere are a number of future linked improvements. This issue is to track those and provide some place to document the linking story, purpose and usage of server components within Nuxt.\r\n\r\n## Purpose and usage\r\n\r\nCurrently we are collecting use patterns to ensure that the final API and implementation for server components is useful. But the following are some benefits we are exploring:\r\n\r\n1. security and direct access to server APIs within certain components\r\n2. separate caching strategies for individual chunks of HTML\r\n3. leaner bundle size (keeping some dependencies solely on the server, e.g. syntax highlighting)\r\n4. extensibility\r\n5. rendering individual components within other modules or server routes (e.g. for component previews, OG images, PDF downloads, etc.)\r\n6. ...\r\n\r\nComments and suggestions are very welcome.\r\n\r\n```[tasklist]\r\n### Roadmap\r\n- [x] Allow async components - https://github.com/nuxt/nuxt/issues/18500\r\n- [x] Client-side interactivity - https://github.com/nuxt/nuxt/issues/19765\r\n- [x] remove server component content from payload and prefetch on route transition: https://github.com/nuxt/nuxt/pull/21461\r\n- [x] Hybrid/remote/streaming sources for server components - https://github.com/nuxt/nuxt/issues/12343\r\n- [x] lazy (non-blocking) server components\r\n- [x] interactive components within server components\r\n- [x] deep interactive components within server components\r\n- [x] slot refactor to stabilize the API for other remotes sources such as CMS\r\n- [x] server pages\r\n- [ ] Looking for server-side Performance optimisation opportunity\r\n- [ ] A deep documentation for islands\r\n- [ ] Apply islands features to non SFC components\r\n```",[3156,3159,3162],{"name":3157,"color":3158},"enhancement","8DEF37",{"name":3160,"color":3161},"discussion","538de2",{"name":3163,"color":3164},"🍰 p2-nice-to-have","0E8A16",19772,"server component roadmap","2025-03-17T18:46:11Z","https://github.com/nuxt/nuxt/issues/19772",0.7631713,{"description":3171,"labels":3172,"number":3179,"owner":3146,"repository":3146,"state":3180,"title":3181,"updated_at":3182,"url":3183,"score":3184},"### Describe the feature\n\nA component to render it slot only during dev would be useful in some cases.\r\n\r\nThe content should be tree shaken during build\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3173,3174,3175,3178],{"name":3157,"color":3158},{"name":3160,"color":3161},{"name":3176,"color":3177},"3.x","29bc7f",{"name":3163,"color":3164},15066,"closed","Add `DevOnly` component","2023-01-19T17:44:35Z","https://github.com/nuxt/nuxt/issues/15066",0.744329,{"description":3186,"labels":3187,"number":3194,"owner":3146,"repository":3147,"state":3180,"title":3195,"updated_at":3196,"url":3197,"score":3198},"### Description\n\nA ComboBox component with general functionality we need. As implemented in Vuetify ComboBox. https://vuetifyjs.com/en/components/combobox/#api\n\n### Additional context\n\n_No response_",[3188,3190,3191],{"name":3157,"color":3189},"a2eeef",{"name":3143,"color":3144},{"name":3192,"color":3193},"triage","ffffff",4483,"ComboBox component with common functionality as hide-selected, search-input.sync, clearable","2025-07-08T09:40:29Z","https://github.com/nuxt/ui/issues/4483",0.7536369,{"description":3200,"labels":3201,"number":3207,"owner":3146,"repository":3146,"state":3180,"title":3208,"updated_at":3209,"url":3210,"score":3211},"### Describe the feature\r\n\r\nCan you allow import nuxt component into a basic vue app\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3202,3203,3204],{"name":3160,"color":3161},{"name":3176,"color":3177},{"name":3205,"color":3206},"needs details","493824",15584,"Use Nuxt component in vue app","2023-02-06T10:29:55Z","https://github.com/nuxt/nuxt/issues/15584",0.75387615,{"labels":3213,"number":3218,"owner":3146,"repository":3146,"state":3180,"title":3219,"updated_at":3220,"url":3221,"score":3222},[3214,3215],{"name":3157,"color":3158},{"name":3216,"color":3217},"2.x","d4c5f9",6517,"Add example on how to use with @vue/composition-api","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6517",0.75676626,{"labels":3224,"number":3226,"owner":3146,"repository":3146,"state":3180,"title":3227,"updated_at":3228,"url":3229,"score":3230},[3225],{"name":3216,"color":3217},4134,"TS2314: Generic type 'ComponentOptions\u003CV>' requires 1 type argument(s).","2023-01-18T20:03:58Z","https://github.com/nuxt/nuxt/issues/4134",0.7597094,{"description":3232,"labels":3233,"number":3236,"owner":3146,"repository":3147,"state":3180,"title":3237,"updated_at":3238,"url":3239,"score":3240},"I would like to get mask prop for input to make a masked input.\n\nThere is a many nice plugins to use under the hood. For example: https://beholdr.github.io/maska/\n\nUnfortunately it is very hard to attach such plugins for now, because most of them are designed to work directly with underline input. \n\nSo I hope we need to implement this feature directly.\n\n\nThank you",[3234,3235],{"name":3140,"color":3141},{"name":3143,"color":3144},510,"[Feature request] Input mask","2025-06-06T09:55:17Z","https://github.com/nuxt/ui/issues/510",0.76014435,{"description":3242,"labels":3243,"number":3246,"owner":3146,"repository":3146,"state":3180,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Environment\n\nReproduced with minimum Nuxt 3 environment on StackBlitz, as well as locally on a MacOS computer with Node 19.\n\n### Reproduction\n\nLink can be found here: https://stackblitz.com/edit/github-umca8w?file=app.vue\r\n\r\nA `\u003CTitle>` component will use a comment, if specified first, as the actual title.\r\n\r\n```vue\r\n\u003CTitle>\u003C!-- this will be the title --> not this\u003C/Title>\r\n```\n\n### Describe the bug\n\nA `\u003CTitle>` component will read the first element, even if it is a comment. This causes comments to be displayed as a title, not the intended text afterwords.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3244,3245],{"name":3176,"color":3177},{"name":3163,"color":3164},19716,"Head (\u003CTitle>) components should validate input better","2023-06-17T21:37:07Z","https://github.com/nuxt/nuxt/issues/19716",0.7609506,{"description":3252,"labels":3253,"number":3255,"owner":3146,"repository":3147,"state":3180,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nHi,\n\nWould it be possible to add an export of all components ?\n\nSomething like:\n\n```js\nexport * from './components'\n```\n\n### Additional context\n\nI'm trying to display a form field according to its value type (ex: boolean => checkbox, number => range ...).\n\nSadly, it looks like in composition API, one cannot use string for `\u003Ccomponent>` `:is` prop.\n\n```vue\n\u003Ctemplate>\n \u003C!-- This doesn't work -->\n \u003Ccomponent :is=\"typeof value === 'boolean' ? 'u-checkbox' : 'u-input'\" />\n\u003C/template>\n```\n\nApparently, you have to pass the component itself, but I'm unable to import components from Nuxt UI:\n\n```vue\n\u003Cscript setup>\n// This doesn't work\nimport { UCheckbox, UInput } from '@nuxt/ui';\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ccomponent :is=\"typeof value === 'boolean' ? UCheckbox : UInput\" />\n\u003C/template>\n```\n\nI can use `v-if` as a workaround, but it forces me to duplicate a lot of props (class, listeners, model ...) on each component.",[3254],{"name":3157,"color":3189},2891,"Export of every components","2025-01-13T16:32:50Z","https://github.com/nuxt/ui/issues/2891",0.76179874,["Reactive",3261],{},["Set"],["ShallowReactive",3264],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fpAGXGa8_CtVPXAWXikwRhB9pMD8-Ff0MMZh2sKonueE":-1},"/nuxt/ui/931"]