\n```\n\nsame result is expected when using `active`, but `leadingIcon` is ignored\n```\n\u003CUButton\n label=\"Label\"\n active\n active-color=\"primary\"\n active-variant=\"soft\"\n icon=\"mdi-account\"\n @click.prevent=\"active = !active\"\n/>\n```\n\n### Additional context\n\n\u003Cimg width=\"202\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/0756fb1c-772c-44ae-855d-90aba304bd9e\" />",[2896,2899,2900],{"name":2897,"color":2898},"bug","d73a4a",{"name":2871,"color":2872},{"name":2901,"color":2902},"triage","ffffff",3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.8018562,{"description":2909,"labels":2910,"number":2916,"owner":2874,"repository":2875,"state":2917,"title":2918,"updated_at":2919,"url":2920,"score":2921},"Thank you for your amazing work on Nuxt UI!\n\nI understand that Nuxt UI 3 is currently in alpha, and I appreciate the rapid progress you’re making with the library. In the future, I’d like to suggest considering the addition of a Date Picker component, inspired by the one in Reka-UI (which is also in alpha).\n\nA particularly valuable feature of the Reka-UI Date Picker is the ability for users to manually input dates directly into the input field. This combination of flexibility and functionality enhances the user experience and could be a great addition to Nuxt UI.\nhttps://reka-ui.com/docs/components/date-picker",[2911,2914,2915],{"name":2912,"color":2913},"duplicate","cfd3d7",{"name":2868,"color":2869},{"name":2871,"color":2872},2873,"closed","Add a Date Picker Component with Manual Input Option from Reka-UI","2024-12-10T15:12:32Z","https://github.com/nuxt/ui/issues/2873",0.73558855,{"description":2923,"labels":2924,"number":2930,"owner":2874,"repository":2875,"state":2917,"title":2931,"updated_at":2932,"url":2933,"score":2934},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nsee below\n\n### Description\n\nI get the follwing error:\n\n```\nruntime-core.esm-bundler.js:51 [Vue warn]: injection \"Symbol(nuxt-ui.locale-context)\" not found. \n at \u003CUSlideover open=false onUpdate:open=fn side=\"left\" ... > \n at \u003CUDashboardSidebar collapsible=\"\" resizable=\"\" > \n at \u003CPrimitive as=undefined class=\"fixed inset-0 flex overflow-hidden\" > \n at \u003CUDashboardGroup> \n at \u003CDefault ref=Ref\u003C undefined > > \n at \u003CAsyncComponentWrapper ref=Ref\u003C undefined > > \n at \u003CLayoutLoader key=\"default\" layoutProps= Object name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= Object key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```\n\nwhen usinng the DashboardSidebar component:\n```\n \u003CUDashboardSidebar\n collapsible\n resizable\n >\n \u003Ctemplate #header>\n \u003Cdiv class=\"flex items-center gap-2\">\n \u003CUIcon\n name=\"i-solar-buildings-2-bold\"\n class=\"w-7 h-7\"\n />\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2925,2926,2927],{"name":2897,"color":2898},{"name":2871,"color":2872},{"name":2928,"color":2929},"pro","5BD3CB",3549,"injection \"Symbol(nuxt-ui.locale-context)\" not found","2025-03-18T11:12:44Z","https://github.com/nuxt/ui/issues/3549",0.76146275,{"description":2936,"labels":2937,"number":2940,"owner":2874,"repository":2941,"state":2917,"title":2942,"updated_at":2943,"url":2944,"score":2945},"Noticed that the animation on the timeline does not work properly on mobile (only first item appears) AND we have an issue for the image when navigating on client-side (at least on Safari):\n\nhttps://user-images.githubusercontent.com/904724/180595606-b112686f-b2ce-4686-8be6-0620ab31dac5.MOV\n\nAlso notice the layout shift on reload, might be due to a lack of height specified on images.",[2938],{"name":2897,"color":2939},"ff281a",831,"nuxt.com","[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.76181644,{"description":2947,"labels":2948,"number":2951,"owner":2874,"repository":2875,"state":2917,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8, @nuxtjs/html-validator@1.8.2, @nuxt/image@1.8.1, @nuxt/eslint@0.6.1, @nuxtjs/seo@2.0.0-rc.23\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.8\",\n\n### Reproduction\n\n\u003C!-- layouts/default.vue -->\n\u003Ctemplate>\n \u003Cdiv class=\"container mx-auto\">\n \u003Cu-breadcrumb :items=\"items \" />\n \u003Cslot>\u003C/slot>\n \u003C/div>\n\u003C/template>\n\n\n\u003Cscript lang=\"ts\" setup>\nimport { useRoute } from 'vue-router';\n\nconst route = useRoute();\nconst items = useBreadcrumbItems({\n schemaOrg: true,\n});\n\u003C/script>\n\n\n### Description\n\nthis will render the breadcrumbs in a \u003Cdiv> with an aria-label, which is a violation of this rule: https://html-validate.org/rules/aria-label-misuse.html\n\n- Rule ID: aria-label-misuse\n- Category: Accessibility\n- Standards: WCAG 2.2 (A)WCAG 2.1 (A)WCAG 2.0 (A)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n ERROR HTML validation errors found for /song/justice-genesis-1\n\ninline\n 129:21990 error \"aria-label\" cannot be used on this element aria-label-misuse\n\n✖ 1 problem (1 error, 0 warnings)\n\nMore information:\n https://html-validate.org/rules/aria-label-misuse.html\n\n```",[2949,2950],{"name":2897,"color":2898},{"name":2871,"color":2872},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7674659,{"description":2957,"labels":2958,"number":2961,"owner":2874,"repository":2875,"state":2917,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\n- Nuxt UI Version: v3.0.0-alpha.7\n- Browser: Chrome | Opera Gx\n- Operating System: Android 12\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\nAfter Adding `overflow-x: auto` Preview\n\n\n\n\n### Description\n\nIn the [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu) component of Nuxt UI v3.0.0-alpha.7, the horizontal orientation is not displaying correctly due to lack of horizontal overflow handling. When there are multiple items in the menu, items overflow outside the viewport instead of creating a scrollable area. Adding `overflow-x: auto` styling could resolve this issue and improve usability.\n\n### Additional context\n\nWithout `overflow-x: auto` in [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu)\n\n\n\n\n\n### Logs\n\n_No response_",[2959,2960],{"name":2897,"color":2898},{"name":2871,"color":2872},2468,"Navigation Menu Overflow Bug in Nuxt UI v3.0.0-alpha.7","2025-03-20T00:49:15Z","https://github.com/nuxt/ui/issues/2468",0.784679,{"description":2967,"labels":2968,"number":2969,"owner":2874,"repository":2941,"state":2917,"title":2970,"updated_at":2971,"url":2972,"score":2973},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.7859622,{"description":2975,"labels":2976,"number":2980,"owner":2874,"repository":2875,"state":2917,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### Description\n\nWhile most components support the theming props (globally via app.config and as local props) the UForm component doesn't. For consistency it'd be great if this could be added to the Form component too.\n\n### Additional context\n\n_No response_",[2977,2978,2979],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2901,"color":2902},3752,"Form Component: Support theming props","2025-04-10T19:55:39Z","https://github.com/nuxt/ui/issues/3752",0.7879136,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5zYCy95C-90HHdizgCoe7xX4_OgYI8U1PM3MJOSSUPk":-1},"/nuxt/ui/2741"]