\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\" />",[3020,3023,3026],{"name":3021,"color":3022},"bug","d73a4a",{"name":3024,"color":3025},"v3","49DCB8",{"name":3027,"color":3028},"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":3038,"labels":3039,"number":3040,"owner":3030,"repository":3041,"state":3042,"title":3043,"updated_at":3044,"url":3045,"score":3046},"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":3048,"labels":3049,"number":3053,"owner":3030,"repository":3041,"state":3042,"title":3054,"updated_at":3055,"url":3056,"score":3057},"Need to investigate",[3050],{"name":3051,"color":3052},"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.7528148,{"description":3059,"labels":3060,"number":3063,"owner":3030,"repository":3041,"state":3042,"title":3064,"updated_at":3065,"url":3066,"score":3067},"Issue on `@nuxt/content` https://github.com/nuxt/content/blob/main/docs/content/1.index.md\n\n\n",[3061],{"name":3021,"color":3062},"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":3069,"labels":3070,"number":3071,"owner":3030,"repository":3041,"state":3042,"title":3072,"updated_at":3073,"url":3074,"score":3075},"# 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":3077,"labels":3078,"number":3082,"owner":3030,"repository":3041,"state":3042,"title":3083,"updated_at":3084,"url":3085,"score":3086},"Example: https://www.raycast.com/nhojb/brew",[3079],{"name":3080,"color":3081},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.76674175,{"description":3088,"labels":3089,"number":3092,"owner":3030,"repository":3031,"state":3042,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### 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```",[3090,3091],{"name":3021,"color":3022},{"name":3024,"color":3025},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7695374,{"description":3098,"labels":3099,"number":3103,"owner":3030,"repository":3031,"state":3042,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### 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_",[3100],{"name":3101,"color":3102},"enhancement","a2eeef",933,"[UTable] sortable rows via drag&drop","2025-04-22T13:31:59Z","https://github.com/nuxt/ui/issues/933",0.7719348,{"description":3109,"labels":3110,"number":3114,"owner":3030,"repository":3031,"state":3042,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### 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```",[3111,3112,3113],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3027,"color":3028},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.77335066,{"description":3120,"labels":3121,"number":3126,"owner":3030,"repository":3031,"state":3042,"title":3127,"updated_at":3128,"url":3129,"score":3130},"### 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```",[3122,3123],{"name":3021,"color":3022},{"name":3124,"color":3125},"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.7793794,["Reactive",3132],{},["Set"],["ShallowReactive",3135],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxjF_sjSeshWAT1KaLUClmfwP4i3uFfowHAwldMGtmoc":-1},"/nuxt/ui/3454"]