\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\" />",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",3972,"nuxt","ui","open","Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.75306517,{"description":2885,"labels":2886,"number":2892,"owner":2877,"repository":2878,"state":2879,"title":2893,"updated_at":2894,"url":2895,"score":2896},"### Description\n\nSomething like \n```\nmarks: [\n { at: \"minimum\" }, // Display minimum value\n { at: \"actual\", label: (value: string) => `Actual value is ${value}` }, // Display actual value with custom label\n { at: \"everystep\" } // Display every step value \n { at: \"maximum\" } // Display maximum value \n]\n```\n\n### Additional context\n\n_No response_",[2887,2890,2891],{"name":2888,"color":2889},"enhancement","a2eeef",{"name":2871,"color":2872},{"name":2874,"color":2875},3936,"Add suppport for displaying the actual value and step values in the USlider component","2025-04-20T09:16:17Z","https://github.com/nuxt/ui/issues/3936",0.7657193,{"description":2898,"labels":2899,"number":2902,"owner":2877,"repository":2878,"state":2879,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nIt would be great if there was an option for eager validation if there are errors present on the group.\n\nFor example, when initially filling out the field you don't want eager validation as it's distracting when you aren't finished typing.\n\nHowever if you tab away and there's an error, when fixing the error you'd want immediate feedback with eager-validation.\n\nSo I propose a new prop: `eager-validation-on-error=\"true\"` to improve the UX of forms.\n\nThanks!\n\n### Additional context\n\n_No response_",[2900,2901],{"name":2888,"color":2889},{"name":2871,"color":2872},2599,"FormGroup eager-validation when errors exist","2024-11-22T14:20:31Z","https://github.com/nuxt/ui/issues/2599",0.76907843,{"description":2908,"labels":2909,"number":2912,"owner":2877,"repository":2878,"state":2913,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### 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```",[2910,2911],{"name":2868,"color":2869},{"name":2871,"color":2872},2649,"closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.6874051,{"description":2919,"labels":2920,"number":2921,"owner":2877,"repository":2922,"state":2913,"title":2923,"updated_at":2924,"url":2925,"score":2926},"",[],1124,"nuxt.com","[Refactor] Home Sections","2023-02-15T12:31:08Z","https://github.com/nuxt/nuxt.com/issues/1124",0.7038909,{"description":2928,"labels":2929,"number":2933,"owner":2877,"repository":2878,"state":2913,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Description\n\nThere is currently no easy way to know what state the modal is in. Adding a `toggle` method would make life very much easier.\n\nI'm willing to make a PR\n\n### Additional context\n\n_No response_",[2930,2931,2932],{"name":2888,"color":2889},{"name":2871,"color":2872},{"name":2874,"color":2875},3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.71000105,{"description":2939,"labels":2940,"number":2943,"owner":2877,"repository":2922,"state":2913,"title":2944,"updated_at":2945,"url":2946,"score":2947},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[2941],{"name":2868,"color":2942},"ff281a",981,"[docs]/guide/directory-structure/app.config: missing content + broken nav ","2022-12-07T06:14:48Z","https://github.com/nuxt/nuxt.com/issues/981",0.7397187,{"description":2949,"labels":2950,"number":2955,"owner":2877,"repository":2878,"state":2913,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[2951,2954],{"name":2952,"color":2953},"question","d876e3",{"name":2871,"color":2872},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.7450012,{"description":2961,"labels":2962,"number":2963,"owner":2877,"repository":2922,"state":2913,"title":2964,"updated_at":2965,"url":2966,"score":2967},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.7454331,{"description":2969,"labels":2970,"number":2971,"owner":2877,"repository":2922,"state":2913,"title":2972,"updated_at":2973,"url":2974,"score":2975},"- [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.74697274,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fH-bcnBXSzms87uYEztIMmDr8VPDk_uJLft8ixLkVXTw":-1},"/nuxt/ui/2358"]