\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\" />",[2911,2914,2915],{"name":2912,"color":2913},"bug","d73a4a",{"name":2871,"color":2872},{"name":2901,"color":2902},3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.77791405,{"description":2922,"labels":2923,"number":2931,"owner":2874,"repository":2875,"state":2876,"title":2932,"updated_at":2933,"url":2934,"score":2935},"We're working on the design of the Nuxt UI v3 documentation. If you're using Nuxt UI and want to be featured on the new website, feel free to comment on this issue with testimonials, showcases of apps or brand logos. It would really help to make Nuxt UI more popular.\n\nThanks a lot!",[2924,2927,2928],{"name":2925,"color":2926},"documentation","0075ca",{"name":2871,"color":2872},{"name":2929,"color":2930},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.7950136,{"description":2937,"labels":2938,"number":2939,"owner":2874,"repository":2940,"state":2941,"title":2942,"updated_at":2943,"url":2944,"score":2945},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"nuxt.com","closed","[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.71489555,{"description":2947,"labels":2948,"number":2951,"owner":2874,"repository":2940,"state":2941,"title":2952,"updated_at":2953,"url":2954,"score":2955},"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.",[2949],{"name":2912,"color":2950},"ff281a",831,"[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.7513171,{"description":2957,"labels":2958,"number":2959,"owner":2874,"repository":2940,"state":2941,"title":2960,"updated_at":2961,"url":2962,"score":2963},"New page when clicking on \"submit my agency\" on the Agencies page\nmodel from gatsby : https://www.gatsbyjs.com/agencies/submissions/",[],812,"Add a submission form for agency partnership","2022-09-26T12:04:57Z","https://github.com/nuxt/nuxt.com/issues/812",0.7534064,{"description":2965,"labels":2966,"number":2970,"owner":2874,"repository":2875,"state":2941,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### 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_",[2967,2968,2969],{"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.7538057,{"description":2976,"labels":2977,"number":2980,"owner":2874,"repository":2875,"state":2941,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### 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```",[2978,2979],{"name":2912,"color":2913},{"name":2871,"color":2872},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7585231,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f8zJpWPwyXh1X7Ebb6LeUk9jYcAOm47UcUS3BAaO7T5Q":-1},"/nuxt/ui/2949"]