\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.7404812,{"description":2885,"labels":2886,"number":2894,"owner":2877,"repository":2878,"state":2879,"title":2895,"updated_at":2896,"url":2897,"score":2898},"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!",[2887,2890,2891],{"name":2888,"color":2889},"documentation","0075ca",{"name":2871,"color":2872},{"name":2892,"color":2893},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.7666002,{"description":2900,"labels":2901,"number":2905,"owner":2877,"repository":2906,"state":2879,"title":2907,"updated_at":2908,"url":2909,"score":2910},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.3\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: devtools, compatibilityDate\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-4czkz34t?file=components%2FMyComponent.vue,test%2FMyComponent.test.js\n\n### Describe the bug\n\nAfter using `setProps` in a component mounted with `mountSuspended`, using `$emit` inside a method will emit the event twice, which can be checked with `wrapper.emitted()`. This behaviour does not exist when using `mount()`. Please see reproduction link.\n\nA workaround is to use the `$emit` directly in the `@click` attribute, like this:\n\n```\n\u003Cbutton @click=\"$emit('test', 'a')\">test\u003C/button>\n```\n\nBut this is not sufficient if a method needs to be called that does other things as well besides emitting.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2902],{"name":2903,"color":2904},"pending triage","5D08F5",1176,"test-utils","Component mounted with mountSuspended emits events twice after setProps was called","2025-03-07T17:48:54Z","https://github.com/nuxt/test-utils/issues/1176",0.7713232,{"description":2912,"labels":2913,"number":2917,"owner":2877,"repository":2878,"state":2879,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: yarn@1.22.22\n- Runtime Modules: @nuxt/ui@3.0.2\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nDocumentation pinned column example is also displaying this behaviour:\n\n\n### Description\n\nWhen using column pinning, headers and cells containing buttons with icons get their text blurred, but the icon stays as is which makes the pinned text unreadable when icons is on it:\n\n\n\n### Additional context\n\nI have searched what it can be, but did not found any Z index issue, maybe it is linked to svg icons reaction with background. Even with a non transparent background, icon stays on top...\n\n### Logs\n\n```shell-script\n\n```",[2914,2915,2916],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3927,"Strange behaviour of buttons icons wrt. background in table columns pinned","2025-04-17T18:43:08Z","https://github.com/nuxt/ui/issues/3927",0.7725183,{"description":2923,"labels":2924,"number":2926,"owner":2877,"repository":2927,"state":2879,"title":2928,"updated_at":2929,"url":2930,"score":2931},"Whenever I reload my page the font flickers",[2925],{"name":2868,"color":2869},181,"fonts","Loading fonts causes flickering in dev mode","2025-03-23T22:52:32Z","https://github.com/nuxt/fonts/issues/181",0.77467036,{"description":2933,"labels":2934,"number":2937,"owner":2877,"repository":2878,"state":2938,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### 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```",[2935,2936],{"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.7086698,{"description":2944,"labels":2945,"number":2948,"owner":2877,"repository":2878,"state":2938,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.14.1592\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst places = ref([])\nconst placeItems = ref([{ id: 1, name: 'Place 1' }, { id: 2, name: 'Place 2' }])\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cform class=\"flex flex-col gap-2 max-w-54\" @submit.prevent>\n \u003CUInputMenu name=\"places\"\n v-model=\"places\"\n :items=\"placeItems\"\n value-key=\"id\"\n label-key=\"name\"\n icon=\"i-lucide-search\"\n class=\"w-full\"\n required\n multiple/>\n \n \u003CUFormField class=\"mt-2\">\n \u003CUButton type=\"submit\" class=\"block w-full\">Submit\u003C/UButton>\n \u003C/UFormField>\n \u003C/form>\n\u003C/template>\n```\n\n### Description\n\nEven if i choosen some items, i cant submit form https://skr.sh/vSqGuOWV8dZ",[2946,2947],{"name":2868,"color":2869},{"name":2871,"color":2872},2741,"UInputMenu required attribute works wrong when multiple is enabled","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/2741",0.71723735,{"description":2954,"labels":2955,"number":2958,"owner":2877,"repository":2959,"state":2938,"title":2960,"updated_at":2961,"url":2962,"score":2963},"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.",[2956],{"name":2868,"color":2957},"ff281a",831,"nuxt.com","[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.7353212,{"description":2965,"labels":2966,"number":2969,"owner":2877,"repository":2878,"state":2938,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nRepo: https://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo3\n\nCode: https://github.com/Cyanhall/nuxt-ui-v3-demo/blob/main/demo3/app/components/SearchPalette.vue#L46\n\n### Description\n\nThe placeholder in UInput within UModal does not display.\n\n```vue\n\u003CUInput\n class=\"w-full mb-4\"\n size=\"sm\"\n icon=\"i-lucide-search\"\n placeholder=\"Search...\"\n>\n \u003Ctemplate #trailing>\n \u003CUKbd value=\"shift\" />\n \u003CUKbd value=\"G\" />\n \u003C/template>\n\u003C/UInput>\n```\n\u003Cimg width=\"496\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/be2e8457-b3ac-4b70-838b-2b2b7399c091\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2967,2968],{"name":2868,"color":2869},{"name":2871,"color":2872},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.7508773,{"description":2975,"labels":2976,"number":2981,"owner":2877,"repository":2878,"state":2938,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Description\n\nHow to enable [IntelliSense](https://ui3.nuxt.dev/components/link#intellisense)\n\nwhen wrie the code on class atribute like this\n `\u003Cdiv class=\"bg-red-500 text-white p-4 flex justify-between\">`\n\n the sugestion not show\n",[2977,2980],{"name":2978,"color":2979},"question","d876e3",{"name":2871,"color":2872},2949,"VS Code IntelliSense not working","2025-01-06T07:33:40Z","https://github.com/nuxt/ui/issues/2949",0.7557328,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7vMbrVTIL25ymBQt8CKV-FUViuSLmguNo0pfFmJC3VQ":-1},"/nuxt/ui/2599"]