\n\n### Additional context\n\n_No response_",[3058,3059],{"name":3021,"color":3022},{"name":3060,"color":3061},"triage","ffffff",4606,"✨ Expand/Collapse Support for Component Theme JSON in Nuxt UI Docs","2025-07-26T11:50:47Z","https://github.com/nuxt/ui/issues/4606",0.7797163,{"description":3068,"labels":3069,"number":3073,"owner":3027,"repository":3028,"state":3029,"title":3074,"updated_at":3075,"url":3076,"score":3077},"### Description\n\nRelated: #2907 \n\nFor many form controls, such as buttons, inputs, checkboxes, radio buttons, text areas, and more, there is no need to have stylistic handling of disabled states by default as they mostly will never reach it.\n\nIf we take for example the most common type of online forms, the registration/login form, there is typically an email input and a password input, none of which will ever be disabled. Having the disabled styling on them simply results in more clutter in the HTML and larger payloads, thus reducing performance. \n\nAnd this doesn't even touch on other use cases of form controls that can never be disabled as per the spec, like using `UButton`'s builtin navigation support when making aesthetic links to other content.\n\nA big performance improvement can be made in this aspect by introducing a new `disabled` variant for form controls that will be false by default. Only if explicitly set on will it add all styling related to the disabled state.\n\n### Additional context\n\n_No response_",[3070,3071,3072],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3060,"color":3061},3092,"`disabled` variant in form controls","2025-01-14T09:54:50Z","https://github.com/nuxt/ui/issues/3092",0.7811485,{"description":3079,"labels":3080,"number":3083,"owner":3027,"repository":3084,"state":3085,"title":3086,"updated_at":3087,"url":3088,"score":3089},"We'll have to mock the API for now",[3081],{"name":3021,"color":3082},"1ad6ff",58,"nuxt.com","closed","Display projects with searchbar","2023-02-15T12:30:34Z","https://github.com/nuxt/nuxt.com/issues/58",0.73073345,{"description":3091,"labels":3092,"number":3095,"owner":3027,"repository":3028,"state":3085,"title":3096,"updated_at":3097,"url":3098,"score":3099},"### Description\n\nMight have missed this in the beta 2 docs, but curious how we're supposed to close the current `Modal` or `Slideover` instance from within the component using the new `useOverlay` composable. I see a few references to `useOverlayInstance` in other issue but that composable doesn't seem to be available in the current beta.\n\nThanks!",[3093,3094],{"name":3038,"color":3039},{"name":3024,"color":3025},3429,"How to get current modal/slideover instance?","2025-03-02T17:44:50Z","https://github.com/nuxt/ui/issues/3429",0.73965317,{"description":3101,"labels":3102,"number":3107,"owner":3027,"repository":3028,"state":3085,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### Description\n\nWould be helpful to have code and examples on the taost page for the toaster wrapper. Like UI slots etc.\n\n### Additional context\n\n_No response_",[3103,3106],{"name":3104,"color":3105},"documentation","0075ca",{"name":3024,"color":3025},2937,"Toaster documentation missing","2024-12-20T10:54:43Z","https://github.com/nuxt/ui/issues/2937",0.7535692,{"description":3113,"labels":3114,"number":3118,"owner":3027,"repository":3028,"state":3085,"title":3119,"updated_at":3120,"url":3121,"score":3122},"### Description\n\nI'm basically trying to display the week day full name in the Calendar header slot.\n\nInstead of having `S - M - T - W - T - F -S` as week day headers, I'd like to show `Sunday - Monday - Tuesday - Wednesday - ...`\n\nThe `#week-day` slot only provides the day's letter, so there's no way to reformat it.\n\n```\n\u003Ctemplate #week-day=\"item\">\n {{ item }}\n\u003C/template>\n```\n\nIt simply displays \n```\n{\n \"day\": \"M\"\n}\n```\nWhich is not super helpful\n\nWould it be possible to have, like, the weekday number (0 to 6) ? \n\nSuggestion:\n```\n{\n \"day\": \"M\",\n \"dayNumber\": \"1\",\n}\n```\n\n### Additional context\n\n_No response_",[3115,3116,3117],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3060,"color":3061},3714,"Pass more complete data to Calendar week-day slots","2025-04-01T11:52:50Z","https://github.com/nuxt/ui/issues/3714",0.7575373,{"description":3124,"labels":3125,"number":3133,"owner":3027,"repository":3028,"state":3085,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.16.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@4.5.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/content@2.13.4, @nuxt/ui-pro@3.0.0-alpha.9, @pinia/nuxt@0.5.5, @nuxt/image@1.8.1, @nuxt/test-utils/module@3.14.4, @nuxtjs/i18n@9.1.0, @nuxtjs/seo@2.0.2, @nuxtjs/turnstile@0.9.11, nuxt-security@2.1.4, @nuxt/scripts@0.9.5\n- Build Modules: -\n------------------------------\n\n### Version\n\nv3.x\n\n### Reproduction\n\n```vue\n\u003CUButton v-show=\"true\" />\n```\n\n### Description\n\nAssuming it's because of the primitives, using v-show triggers a warning for every Nuxt UI (and Nuxt UI Pro) component, stating a runtime directive was used on a component with a non-element root node. This makes it impossible to apply conditional display unless using v-if, which doesn't cover the use cases that v-show does.\n\n### Additional context\n\n_No response_\n\n### Logs\n\nExample from my project of a button:\n```shell-script\n[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. \n at \u003CNuxtLink class=\"inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors gap-1.5 hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" raw=true custom=\"\" > \n at \u003CLink type=\"button\" disabled=false class=\"inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors gap-1.5 hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)] p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" ... > \n at \u003CButton type=\"button\" loading=false class=\"p-4 text-lg max-w-md w-full mx-auto rounded-lg bg-primary shadow-lg text-black font-semibold justify-center\" ... > \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/', hash: '', query: {…}, name: 'index', path: '/', …} ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage> \n at \u003CDefault ref=Ref\u003C undefined > > \n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider> \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[3126,3129,3130],{"name":3127,"color":3128},"bug","d73a4a",{"name":3024,"color":3025},{"name":3131,"color":3132},"upstream","78bddb",2866,"[v3]: v-show causes a runtime warning and breaks","2025-03-24T17:58:14Z","https://github.com/nuxt/ui/issues/2866",0.76256347,["Reactive",3139],{},["Set"],["ShallowReactive",3142],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWZ4OUhUg8epltCXj91w5FlYAN9EXpNXzX0LdXsRdpH8":-1},"/nuxt/ui/3883"]