\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_",[3204,3207],{"name":3205,"color":3206},"feature","A27AF6",{"name":3191,"color":3192},3094,"[RFP] The Inputs Update","2025-07-31T02:45:34Z","https://github.com/nuxt/ui/issues/3094",0.711861,{"description":3214,"labels":3215,"number":3219,"owner":3194,"repository":3194,"state":3196,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### Describe the feature\n\nAdd documentation for Nuxt Components \n\n\n\n\nComparison between Vue template Component and Nuxt Layout Component, there is no documentation for hovering over the element unlike others\n\n### Additional information\n\n- [ ] 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://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3216],{"name":3217,"color":3218},"pending triage","E99695",32330,"Better IDE Docs","2025-06-08T03:26:08Z","https://github.com/nuxt/nuxt/issues/32330",0.719451,{"description":3225,"labels":3226,"number":3229,"owner":3194,"repository":3195,"state":3230,"title":3191,"updated_at":3231,"url":3232,"score":3233},"The development is ongoing on the default branch of this repository: https://github.com/nuxt/ui.\n\n---\n\nA lot has changed since `@nuxt/ui` was made open-source (May 2023), so the plan here is to rewrite every component from scratch alongside their config.\n\nI'll post regular updates on this issue and on https://twitter.com/benjamincanac.\n\n## Documentation\n\nhttps://ui3.nuxt.dev\n\n## Roadmap (Nov 20, 2024)\n\n- [x] Finish the migration to `reka-ui@alpha` on `@nuxt/ui` & `@nuxt/ui-pro` #2448\n- [x] Write the docs for implemented `@nuxt/ui-pro` components\n- [x] Finish `@nuxt/ui-pro` components\n- [x] Make Nuxt UI Pro v3 work with Vue like Nuxt UI https://github.com/nuxt/ui-pro/pull/742\n- [ ] Implement new components in `@nuxt/ui` like\n - [x] `Calendar` #2618\n - [ ] `InputDate` #2524\n - [x] `Tree` #3180\n - [x] `Stepper` #2733\n- [x] Migrate all the Nuxt UI Pro templates\n - [x] Starter\n - [x] Landing\n - [x] Docs\n - [x] SaaS https://github.com/nuxt-ui-pro/saas/pull/86\n - [x] Dashboard https://github.com/nuxt-ui-pro/dashboard/pull/86\n- [ ] Build the Nuxt UI docs marketing pages\n - [x] Landing\n - [x] Figma\n - [x] Pro -> Landing\n - [x] Pro -> Pricing\n - [x] Pro -> Templates\n - [x] Pro -> Activate\n - [ ] Releases\n- [x] Write migration guide https://ui3.nuxt.dev/getting-started/migration\n- [x] Release `@nuxt/ui` & `@nuxt/ui-pro` officially once `tailwindcss` and `reka-ui` are released\n- [x] Migrate all the Nuxt apps (nuxt.com, image.nuxt.com, eslint.nuxt.com, devtools.nuxt.com, fonts.nuxt.com, hub.nuxt.com, nuxt.studio, etc.)\n- [ ] Implement new `@nuxt/ui` & `@nuxt/ui-pro` components\n- [ ] Create new templates like Changelog, Portfolio, etc. \n\n## Breaking Changes\n\nThe biggest change is the switch to `tailwind-variants`, this will cause lots of breaking changes if you've used the `ui` prop or `app.config.ts` to override the config. I apologize in advance for this but I strongly believe this will be beneficial and will bring consistency across all components.\n\n> At the beginning the config was split in many keys for the same div to give more flexibility, but since then we introduced `tailwind-merge` which now allows us to group those keys together, this is a good opportunity to clean the whole thing. \n\nThe config will now have a `slots` amongst other keys that will specifically target dom nodes. The `ui` prop will only allow you to target those slots.\n\nThese changes alongside the refactor of all components will also improve the types, the `app.config.ts` and `ui` props are now perfectly typed, as well as all components `props`, `slots`, `emits` and `expose`.\n\n> Feel free to comment on this if you have any ideas for the next major.\n\n```[tasklist]\n### Components\n- [x] Accordion\n- [x] Alert\n- [x] Avatar\n- [x] AvatarGroup\n- [x] Badge\n- [x] Breadcrumb\n- [x] Button\n- [x] ButtonGroup\n- [x] Card\n- [x] Carousel\n- [x] Checkbox\n- [x] Chip\n- [x] Collapsible\n- [x] CommandPalette\n- [x] Container\n- [x] ContextMenu\n- [x] Drawer\n- [x] DropdownMenu (Dropdown)\n- [x] Form\n- [x] FormField (FormGroup)\n- [x] Icon\n- [x] Input\n- [x] InputMenu\n- [x] Kbd\n- [x] Link\n- [x] Modal\n- [x] NavigationMenu (HorizontalNavigation/VerticalNavigation)\n- [x] Pagination\n- [x] Popover\n- [x] Progress\n- [x] Provider\n- [x] RadioGroup\n- [x] Select\n- [x] SelectMenu\n- [x] Separator (Divider)\n- [x] Skeleton\n- [x] Slideover\n- [x] Slider (Range)\n- [x] Table\n- [x] Tabs\n- [x] Textarea\n- [x] Toast (Notification)\n- [x] Switch (Toggle)\n- [x] Tooltip\n```\n",[3227],{"name":3228,"color":3192},"release",1289,"closed","2025-07-17T12:55:11Z","https://github.com/nuxt/ui/issues/1289",0.69571936,{"description":3235,"labels":3236,"number":3244,"owner":3194,"repository":3195,"state":3230,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Environment\n\n- Operating system: `Darwin`\n- Node Version: `v22.11.0`\n- Nuxt Version `4.0.3`\n- Package manager `pnpm@10.15.0`\n- Nuxt UI: v3.3.3\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.3\n\n### Reproduction\n\ninstall nuxt, nuxt/ui, @internationalized/date, copy paste the UCalendar example and see the build failure\n\nsee https://github.com/francois-codes/ucalendar-repro for minimal repro\n\nI tried to rollback nuxt/ui, reka-ui and @internationalized/date to what we had on our repo when the typecheck was succesful (v3.3.2, v2.4.1, v3.8.2), but I couldn't get the build to pass like on our main repo (which I can't share unfortunately). \n\nOn our main repo, if I revert before the version bump, the typecheck passes again. Happy to share the diff of the lock file if that's helpful\n\n\n### Description\n\n\nHi !\n\nWe're using nuxt 4.0.3 with nuxt/ui - today our CI bumped our nuxt UI version from v3.3.2 to v3.3.3 and `nuxt typecheck` started to fail on the UCalendar component's v-model prop\n\nWe are using `@internationalized/date`, and our implementation is fairly close from the example given in the docs. \n\nOur repo was running nuxt ui 3.3.2, with reka-ui 2.4.1 and @internationalized/date 3.8.2. If I rollback before the version update and build, everything is fine. \n\nNot super urgent as the component still works, but annoying to have these type issues that can't be fixed easily. I'm not sure I understand why it's failing as DateValue on the calendar is defined as CalendarDate | \u003C...other types> so it should work 🤔 https://github.com/adobe/react-spectrum/blob/f74b9ad1d87af520751cae1405f664f5f5312a77/packages/%40internationalized/date/src/queries.ts#L18\n\nNot sure the issue is with nuxt/ui itself, I tried to trace it to its root but I haven't been able to pin the exact cause\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3237,3240,3241],{"name":3238,"color":3239},"bug","d73a4a",{"name":3191,"color":3192},{"name":3242,"color":3243},"triage","ffffff",4928,"Type error on UCalendar v-model on nuxt/ui 3.3.3","2025-10-01T13:13:32Z","https://github.com/nuxt/ui/issues/4928",0.69939405,{"description":3250,"labels":3251,"number":3256,"owner":3194,"repository":3194,"state":3230,"title":3257,"updated_at":3258,"url":3259,"score":3260},"### Environment\r\n\r\nnpm nuxi info\r\n\r\n### Reproduction\r\n\r\n[link to issue](https://stackblitz.com/edit/github-jeyslg?file=app.vue,package.json,pages%2Findex.vue)\r\n\r\n### Describe the bug\r\n\r\nthe datepicker component freezes when i try to use it in the site\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3252,3253],{"name":3217,"color":3218},{"name":3254,"color":3255},"needs reproduction","FBCA04",28243,"Nuxt ui datepicker component freezing issue","2024-07-21T19:34:29Z","https://github.com/nuxt/nuxt/issues/28243",0.7025248,{"labels":3262,"number":3263,"owner":3194,"repository":3194,"state":3230,"title":3264,"updated_at":3265,"url":3266,"score":3267},[],14392,"V-calendar ","2023-01-19T17:35:07Z","https://github.com/nuxt/nuxt/issues/14392",0.70454216,{"labels":3269,"number":3276,"owner":3194,"repository":3194,"state":3230,"title":3277,"updated_at":3278,"url":3279,"score":3280},[3270,3273],{"name":3271,"color":3272},"enhancement","8DEF37",{"name":3274,"color":3275},"3.x","29bc7f",13848,"add noscript support","2025-02-13T09:02:12Z","https://github.com/nuxt/nuxt/issues/13848",0.7073626,{"description":3282,"labels":3283,"number":3287,"owner":3194,"repository":3194,"state":3230,"title":3288,"updated_at":3289,"url":3290,"score":3291},"sorry, this bug is so amazing, I don't know open issue at nuxt is whether proper, but I'm really need your help. I use [element-ui](https://github.com/ElemeFE/element) to build a admin website, I use `el-date-picker` to select date because it's so easy and beautiful, but when I click this component at my page , the head that I configure at `nuxt.config.js` is missing. I crop some image to display this bug.\r\nbefore toggle\r\n\r\nafter toggle, the global head config is missing.\r\n\r\nnuxt.config.js\r\n```javascript\r\n head: {\r\n title: 'starter',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge'},\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: 'Nuxt.js project' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\r\n { rel: 'stylesheet', href: '//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css'},\r\n { rel: 'stylesheet', href: '//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css'}\r\n ],\r\n script: [\r\n {src: '//cdn.bootcss.com/jquery/1.12.4/jquery.min.js'},\r\n {src: '//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js'},\r\n {src: '//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js'}\r\n ]\r\n },\r\n```\r\nso, why my head missing? \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c296\">#c296\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3284],{"name":3285,"color":3286},"2.x","d4c5f9",343,"using el-data-picker with nuxt, but missing head config","2023-01-18T15:38:47Z","https://github.com/nuxt/nuxt/issues/343",0.70801926,{"description":3293,"labels":3294,"number":3300,"owner":3194,"repository":3195,"state":3230,"title":3301,"updated_at":3302,"url":3303,"score":3304},"### Package\n\nv4.0.0-alpha.x\n\n### Description\n\nIt would be nice if the docs [ThemePicker](https://github.com/nuxt/ui/tree/v4/docs/app/components/theme-picker) component became part of NuxtUI directly. If this is something that would be accepted, I can work on creating a pull request.\n\n### Additional context\n\n_No response_",[3295,3297,3298],{"name":3271,"color":3296},"a2eeef",{"name":3242,"color":3243},{"name":3299,"color":3192},"v4",4960,"Provide ThemePicker component","2025-09-12T19:45:22Z","https://github.com/nuxt/ui/issues/4960",0.7093056,["Reactive",3306],{},["Set"],["ShallowReactive",3309],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcLPQ5PQC9ANSeq_eEviNzLVMUC41eQ8BfDGxjI2FL-A":-1},"/nuxt/ui/2651"]