\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.78132457,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2888,"state":2889,"title":2890,"updated_at":2891,"url":2892,"score":2893},"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.7363821,{"description":2895,"labels":2896,"number":2900,"owner":2877,"repository":2888,"state":2889,"title":2901,"updated_at":2902,"url":2903,"score":2904},"Need to investigate",[2897],{"name":2898,"color":2899},"dev","018415",1057,"[Dev] Need to restart server to display changes","2023-06-06T12:14:32Z","https://github.com/nuxt/nuxt.com/issues/1057",0.75281477,{"description":2906,"labels":2907,"number":2910,"owner":2877,"repository":2888,"state":2889,"title":2911,"updated_at":2912,"url":2913,"score":2914},"Issue on `@nuxt/content` https://github.com/nuxt/content/blob/main/docs/content/1.index.md\n\n\n",[2908],{"name":2868,"color":2909},"ff281a",683,"[Editor] Milkdown parsing error with components in slots","2023-06-06T12:14:56Z","https://github.com/nuxt/nuxt.com/issues/683",0.76216877,{"description":2916,"labels":2917,"number":2918,"owner":2877,"repository":2888,"state":2889,"title":2919,"updated_at":2920,"url":2921,"score":2922},"# Issue\nInitial browsing to `http://localhost:3000` in **dev mode** will get error page:\n\n\n\n# Dev Environment\n- OS: **Windows 10 x64**\n- Browser: **Microsoft Edge**\n- nodejs: **v20.18.2**\n- pnpm: **9.15.4**\n\n\n\n# Repro\n1. Follow setup instructions of `README.md`\n2. Execute `pnpm dev`\n\n\n\n3. Open browser on `http://localhost:3000/` will come up with server error log and according browser view:\n\n\n\n\n\n# Fix / Analysis\n**Update by 10-Feb-2025:**\nA dependency upgrade to Nuxt 3.15.4 will resolve that issue. It looks that the root cause has been fixed by this [Nuxt PR](https://github.com/nuxt/nuxt/pull/30802).\nPR #1784 resolves this issue.",[],1783,"500 error on landing page route \"/\" in dev mode caused by emojilib","2025-03-21T19:06:05Z","https://github.com/nuxt/nuxt.com/issues/1783",0.76591957,{"description":2924,"labels":2925,"number":2929,"owner":2877,"repository":2888,"state":2889,"title":2930,"updated_at":2931,"url":2932,"score":2933},"Example: https://www.raycast.com/nhojb/brew",[2926],{"name":2927,"color":2928},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.76674175,{"description":2935,"labels":2936,"number":2939,"owner":2877,"repository":2878,"state":2889,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### 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```",[2937,2938],{"name":2868,"color":2869},{"name":2871,"color":2872},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7695374,{"description":2945,"labels":2946,"number":2950,"owner":2877,"repository":2878,"state":2889,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Description\n\nWhat do you think about the feature that allows you to sort a list?\r\nI was thinking of drag&drop and the manual moving of line +1, -1, to start, to end.\n\n### Additional context\n\n_No response_",[2947],{"name":2948,"color":2949},"enhancement","a2eeef",933,"[UTable] sortable rows via drag&drop","2025-04-22T13:31:59Z","https://github.com/nuxt/ui/issues/933",0.7719348,{"description":2956,"labels":2957,"number":2961,"owner":2877,"repository":2878,"state":2889,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2958,2959,2960],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.77335066,{"description":2967,"labels":2968,"number":2973,"owner":2877,"repository":2878,"state":2889,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\n\n```\nNuxt project info: 4:16:28 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.14.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.8.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @nuxt/eslint@0.3.13, @nuxt/test-utils/module@3.14.4, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-shiki@0.3.0, nuxt-svgo@4.0.8\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nI don't know how to reproduce it unfortunately.\n\n### Description\n\nI often have a bunch of `[Icon] loading icon `heroicons:magnifying-glass` timed out after 500ms` on firefox\n\n\n\nit impacts the breadcrumb component\n\nbut also other `\u003CUIcon>` instances\n\nDo you have any idea about where those timeouts maybe coming from \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2969,2970],{"name":2868,"color":2869},{"name":2971,"color":2972},"upstream","78bddb",2573,"Icon timeout despite having installed the @iconify-json/heroicons collection","2024-11-08T16:41:20Z","https://github.com/nuxt/ui/issues/2573",0.7793795,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxjF_sjSeshWAT1KaLUClmfwP4i3uFfowHAwldMGtmoc":-1},"/nuxt/ui/3454"]