\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\" />",[2899,2902,2903],{"name":2900,"color":2901},"bug","d73a4a",{"name":2871,"color":2872},{"name":2874,"color":2875},3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.79087985,{"description":2910,"labels":2911,"number":2919,"owner":2877,"repository":2878,"state":2879,"title":2920,"updated_at":2921,"url":2922,"score":2923},"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!",[2912,2915,2916],{"name":2913,"color":2914},"documentation","0075ca",{"name":2871,"color":2872},{"name":2917,"color":2918},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.79379374,{"description":2925,"labels":2926,"number":2929,"owner":2877,"repository":2878,"state":2879,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### 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_",[2927,2928],{"name":2868,"color":2869},{"name":2871,"color":2872},2599,"FormGroup eager-validation when errors exist","2024-11-22T14:20:31Z","https://github.com/nuxt/ui/issues/2599",0.79890454,{"description":2935,"labels":2936,"number":2943,"owner":2877,"repository":2878,"state":2879,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Description\r\n\r\nSpanning columns in tables should be common...\r\n\r\nBut the `\u003Ccolumn>-data` slot is rendered in the `\u003Ctd>`. It would be better if there was a `row-data` slot.\r\n\r\nIs there any way to determine whether it needs to span columns based on some property of row?",[2937,2940],{"name":2938,"color":2939},"question","d876e3",{"name":2941,"color":2942},"stale","ededed",2053,"How to span columns in UTable?","2025-03-15T02:01:09Z","https://github.com/nuxt/ui/issues/2053",0.8020459,{"description":2949,"labels":2950,"number":2953,"owner":2877,"repository":2878,"state":2954,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: compatibilityDate, modules, devtools, experimental, app, css, site, runtimeConfig, build, ui, sourcemap, fonts, future, vite, typescript, eslint, prismic, pwa, sentry \n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.0.2, @nuxt/image@1.10.0, @nuxtjs/prismic@4.1.0, @nuxtjs/robots@5.2.9, @sentry/nuxt/module@9.12.0, @vite-pwa/nuxt@1.0.0, @vueuse/nuxt@13.1.0, @zadigetvoltaire/nuxt-gtm@0.0.13, nuxt-lodash@2.5.3, @nuxt/scripts@0.11.5\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nhttps://pkg.pr.new/@nuxt/ui@3deed4c\n\n### Reproduction\n\nnot working with: \"@nuxt/ui\": \"https://pkg.pr.new/@nuxt/ui@3deed4c\",\n\n\n### Description\n\nSince upgrading i get the following error:\n\nType '(event: FormSubmitEvent\u003CSchema>) => Promise\u003Cvoid>' is not assignable to type '(payload: FormSubmitEvent\u003Cobject>) => void'.\n Types of parameters 'event' and 'payload' are incompatible.\n Type 'FormSubmitEvent\u003Cobject>' is not assignable to type 'FormSubmitEvent\u003C{ email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }>'.\n Type 'FormSubmitEvent\u003Cobject>' is not assignable to type '{ data: { email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }; }'.\n Types of property 'data' are incompatible.\n Type '{}' is missing the following properties from type '{ email: string; firstName: string; lastName: string; phone: string; terms: boolean; attachmentUri?: string | undefined; comment?: string | undefined; }': email, firstName, lastName, phone, termsts-plugin(2322)\n\n(property) onSubmit?: ((payload: FormSubmitEvent\u003Cobject>) => void) | undefined\n\n\n### Additional context\n\nwas working in 3.0.2\n\n### Logs\n\n```shell-script\n\n```",[2951,2952],{"name":2900,"color":2901},{"name":2871,"color":2872},3843,"closed","UForm @submit event type error","2025-04-21T09:04:24Z","https://github.com/nuxt/ui/issues/3843",0.7047449,{"description":2960,"labels":2961,"number":2962,"owner":2877,"repository":2963,"state":2954,"title":2964,"updated_at":2965,"url":2966,"score":2967},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"nuxt.com","[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.7552907,{"description":2969,"labels":2970,"number":2973,"owner":2877,"repository":2963,"state":2954,"title":2974,"updated_at":2975,"url":2976,"score":2977},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[2971],{"name":2900,"color":2972},"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.76261175,{"description":2979,"labels":2980,"number":2983,"owner":2877,"repository":2878,"state":2954,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### 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```",[2981,2982],{"name":2900,"color":2901},{"name":2871,"color":2872},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.77554893,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOQkHlwmW-Tr5zdTVX7lDjWMh4ssGNGcmbAA4UF0ArdI":-1},"/nuxt/ui/2774"]