\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.7534188,{"description":3154,"labels":3155,"number":3160,"owner":3146,"repository":3147,"state":3161,"title":3162,"updated_at":3163,"url":3164,"score":3165},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\nI'm experience problems with the VS Code Tailwind Intellisense plugin. I have used ui v2 without problems so far, but when using v3 it only shows suggestions when a tailwindcss.config.ts is freshly edited, but then after reloading or restarting VS Code, it doesn't work anymore. When it's working, it only shows a few of the classes, but not the most common ones like padding, margin etc..\n\nHas someone experienced the same issue and knows a fix for that? ",[3156,3159],{"name":3157,"color":3158},"question","d876e3",{"name":3143,"color":3144},2424,"closed","V3 Intellisense not working correctly","2024-11-05T21:44:20Z","https://github.com/nuxt/ui/issues/2424",0.7469176,{"description":3167,"labels":3168,"number":3171,"owner":3146,"repository":3147,"state":3161,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Description\r\n\r\nIt would be great to have a chip input, I have seen a lot of use for this component in dashboards and SaaS.\r\n\r\nIt could work like the one from Prime Vue [https://primevue.org/chips/](https://primevue.org/chips/)",[3169,3170],{"name":3140,"color":3141},{"name":3143,"color":3144},931,"[TagsInput] Implement component","2025-06-12T10:10:49Z","https://github.com/nuxt/ui/issues/931",0.7590589,{"description":3177,"labels":3178,"number":3180,"owner":3146,"repository":3147,"state":3161,"title":3181,"updated_at":3182,"url":3183,"score":3184},"### Description\n\nI managed to apply a mask to an avatar using an image, but not to an avatar with placeholder.\r\n\r\nhttps://stackblitz.com/edit/github-mlxn3i?file=app.vue",[3179],{"name":3157,"color":3158},1627,"Who use a mask for `UAvatar` with chip ?","2025-09-08T11:02:57Z","https://github.com/nuxt/ui/issues/1627",0.76282674,{"description":3186,"labels":3187,"number":3191,"owner":3146,"repository":3146,"state":3161,"title":3192,"updated_at":3193,"url":3194,"score":3195},"So I want to use https://github.com/niksmr/vue-masked-input in my app.\r\n\r\nI tried several variations of including/importing this plugin into my nuxt app but every single one failed.\r\nI always get the following error:\r\n\r\n```\r\nclientErrorHandler err /Users/Patrick/dev/server/node_modules/vue-masked-input/dist/maskedInput.js:3\r\nimport InputMask from 'inputmask-core';\r\n^^^^^^\r\n\r\nSyntaxError: Unexpected token import\r\n```\r\n\r\nI already tried:\r\n\r\n- importing the plugin directly like so: `import MaskedInput from 'vue-masked-input'`\r\n- importing it with `import MaskedInput from '~/plugins/vue-masked-input'` and a plugin file with the following code:\r\n```\r\nimport Vue from 'vue'\r\nimport MaskedInput from 'vue-masked-input'\r\n\r\nVue.use(MaskedInput)\r\n\r\nexport default MaskedInput\r\n```\r\n\r\nThe only solution working is including it in my component like so:\r\n```\r\nlet MaskedInput;\r\nif(proccess.browser) {\r\n MaskedInput = require('vue-masked-input')\r\n}\r\n```\r\n\r\nProblem is that, obviously, in that case on a server side render of the page the plugin is not loaded and thus can not be used in the template.\r\n\r\nI am totally confused on how to use VueJS plugins like this one in a nuxt app properly.\r\n\r\nPlease help! Thanks a bunch!\r\n\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/c1697\">#c1697\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3188],{"name":3189,"color":3190},"2.x","d4c5f9",1896,"Import vue plugin correctly (unexpected token import)","2023-01-18T15:42:47Z","https://github.com/nuxt/nuxt/issues/1896",0.76301306,{"description":3197,"labels":3198,"number":3205,"owner":3146,"repository":3146,"state":3161,"title":3206,"updated_at":3207,"url":3208,"score":3209},"### Describe the feature\n\nhi,\r\n\r\nrequesting a `beforeRenderPayloadJsonScript` hook here https://github.com/nuxt/nuxt/blob/77e36ee27497cb5b9765a0cdc61e11f810272e1a/packages/nuxt/src/core/runtime/nitro/renderer.ts#L594\r\n\r\nthis can be used along with app:beforeMount for custom handling of payload\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).",[3199,3202],{"name":3200,"color":3201},"enhancement","8DEF37",{"name":3203,"color":3204},"discussion","538de2",28756,"[Feature Request] A Hook 'beforeRenderPayloadJsonScript'","2024-08-30T10:30:14Z","https://github.com/nuxt/nuxt/issues/28756",0.7722997,{"description":3211,"labels":3212,"number":3215,"owner":3146,"repository":3146,"state":3161,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### What problem does this feature solve?\r\n\r\nNuxt was created before Vue CLI 3 and Nuxt generator does not have the flexibility and plug-in model of the CLI3 that lets add/remove/modify features in your existing project, for example, add TypeScript or a CSS library in the project as an after-though. It also provides a nice UI for modifying the plugins in your web browser. I believe Nuxt should take advantage of this architecture without reinventing the wheel. The fact that I cannot use CLI3 features in a nuxt application discourages me from using nuxt, instead if nuxt was provided as a CLI3 plugin to add nuxt structure and features on top of a vue project (maybe as a sub-structure or module if that makes it easier) then I could easily choose to use Nuxt, because I know I will have control over it through CLI3 plugin system to upgrade or even remove it if I want to. In fact I believe this should be the primary way supported to install Nuxt.\r\n\r\nThere looks to be an attempt on doing this with [vue-cli-plugin-nuxt-starter-template](https://github.com/andoshin11/vue-cli-plugin-nuxt-starter-template) by @andoshin11 but it doesn't seem to be actively maintained.\r\n\r\n### What does the proposed changes look like?\r\n\r\nYou run a Vue CLI 3 command like `vue add nuxt` and it will add nuxt structure and build to your existing VueJS project.\r\n\r\n\u003C!--cmty-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9613\">#c9613\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3213,3214],{"name":3200,"color":3201},{"name":3189,"color":3190},6199,"Provide Nuxt as a vue-cli 3 plugin","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/6199",0.77626264,{"description":3221,"labels":3222,"number":3232,"owner":3146,"repository":3146,"state":3161,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Describe the feature\r\n\r\nThere is a lot of great experimental features that can be enabled in the `nuxt.config.ts`. Unfortunately, most people won't be aware of them, as they are either un-documented or not easily accessible (in the docs or @nuxt/schema source).\r\n\r\nIt would be great if we could have an up to date list, as more people would be aware of them, and it would create a nice feedback loop. \r\n\r\nWe could write a small sub-section for each of them, similar to what we can find in the blog posts (see here for [typed pages](https://nuxt.com/blog/v3-5)).\r\n\r\n(The up-to-date list can always be found at the source, currently in [@nuxt/schema/src/config/experimental](https://github.com/nuxt/nuxt/blob/main/packages/schema/src/config/experimental.ts))\r\n\r\n\r\n### Additional information\r\n\r\n- [X] 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://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3223,3226,3229],{"name":3224,"color":3225},"documentation","5319e7",{"name":3227,"color":3228},"good first issue","fbca04",{"name":3230,"color":3231},"3.x","29bc7f",21492,"[Documentation Request] Document Experimental Features","2023-06-20T18:17:09Z","https://github.com/nuxt/nuxt/issues/21492",0.777738,{"description":3238,"labels":3239,"number":3248,"owner":3146,"repository":3146,"state":3161,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-d1fqpp?file=app.vue\r\n\r\nadd to a clean app.vue\r\n```vue\r\n\u003Cstyle>\r\n/* definePageMeta( */\r\n.text-center {\r\n text-align: center;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen adding functions to comments, the functions get parsed instead of ignored and an error is thrown. [plugin:unctx:transform] Unexpected token (3:0)\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3240,3241,3242,3245],{"name":3227,"color":3228},{"name":3230,"color":3231},{"name":3243,"color":3244},"bug","d73a4a",{"name":3246,"color":3247},"🔨 p3-minor","FBCA04",26057,"adding functions to comments in style tag throws [plugin:unctx:transform] error","2024-03-03T21:36:14Z","https://github.com/nuxt/nuxt/issues/26057",0.77970475,{"description":3254,"labels":3255,"number":3257,"owner":3146,"repository":3146,"state":3161,"title":3258,"updated_at":3259,"url":3260,"score":3261},"Greetings I'm receiving unkown custom-element error in the console. \r\nI have the vuetify package installed using a plugin.\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/c1189\">#c1189\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3256],{"name":3189,"color":3190},1344,"RC4 : Receiving unkown custom-element did you forget to register... using the vuetify package.","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1344",0.7820679,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMbqBxuIElIbj1VToT9miXp7stV5nyeQymFXhU1mHXgc":-1},"/nuxt/ui/510"]