\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.7576728,{"description":2885,"labels":2886,"number":2890,"owner":2877,"repository":2878,"state":2879,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Environment\n\nNA\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"3.0.0-alpha.9\",\n\n### Reproduction\n\nthe UAccordion component triggers a semantic HTML error for each \"dropdown / accordion\" that there is in it.\n\n# 3 dropdowns:\n\n\n\n\n\n\n\n----\n\n# duplicate the accordion (so now 6 dropdowns)\n\n\n\n\n\n\n\n\n\n\n### Description\n\nthe UAccordion component triggers a semantic HTML error for each \"dropdown / accordion\" that there is in it.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2887,2888,2889],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},2782,"UAccordion semantic HTML errors","2024-11-27T04:21:09Z","https://github.com/nuxt/ui/issues/2782",0.7586345,{"description":2896,"labels":2897,"number":2903,"owner":2877,"repository":2878,"state":2879,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.12.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4, @vueuse/nuxt@12.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.x\n\n### Reproduction\n\n[nuxt-ui-button-transition-repro](https://github.com/fech-dev/nuxt-ui-button-transition-repro)\n\n### Description\n\nI'm unable to animate (or use transitions) with vue's Transition component with UButton. I've noticed that the UButton uses NuxtLink that renders a fragment. This is causing the problem, since Transition component will not be able to work with fragments. \n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Component inside \u003CTransition> renders non-element root node that cannot be animated. \n at \u003CNuxtLink class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" raw=true custom=\"\" > \n at \u003CULink type=undefined disabled=false class=\"rounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]\" ... > \n at \u003CUButton key=\"_default1\" label=\"Open\" onClick=fn > \n at \u003CBaseTransition appear=false persisted=false mode=undefined ... > \n at \u003CTransition enter-from-class=\"opacity-0 translate-x-100\" enter-active-class=\"transition duration-400\" leave-active-class=\"transition duration-400\" ... > \n at \u003CFadeTransition > \n at \u003CPrimitive as=undefined class=\"max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8 flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CUContainer class=\"flex flex-col justify-center items-center min-h-screen gap-4\" > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2898,2899,2900],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2901,"color":2902},"upstream","78bddb",3037,"Unable to animate Button with Transition component","2025-03-22T21:43:43Z","https://github.com/nuxt/ui/issues/3037",0.7630168,{"description":2909,"labels":2910,"number":2917,"owner":2877,"repository":2877,"state":2879,"title":2918,"updated_at":2919,"url":2920,"score":2921},"E.g: \r\n\r\nThis common problem can avoid many `Issues`\r\n\r\nWhat do y'all think :)",[2911,2914],{"name":2912,"color":2913},"documentation","5319e7",{"name":2915,"color":2916},"discussion","538de2",14689,"Add FAQ section to the docs for common issues","2024-06-30T11:10:19Z","https://github.com/nuxt/nuxt/issues/14689",0.76636326,{"description":2923,"labels":2924,"number":2926,"owner":2877,"repository":2878,"state":2927,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2925],{"name":2868,"color":2869},2261,"closed","\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.75418806,{"description":2933,"labels":2934,"number":2935,"owner":2877,"repository":2936,"state":2927,"title":2937,"updated_at":2938,"url":2939,"score":2940},"\u003Cimg width=\"782\" alt=\"image\" src=\"https://user-images.githubusercontent.com/5158436/205641829-6099b2e8-0287-4c4d-ae65-15031410390e.png\">\r\n\r\nThe spacing between the file name and comment is too narrow (a little space could be nice to make the gap)\r\n\r\nRelated accessibility issue found: As you can see in the screenshot, there is no indicator there is a vertical scroll even when moving the cursor to the code block (there is more code to scroll to the right).",[],1065,"nuxt.com","Spacing in code snippts between file name","2022-12-21T12:42:17Z","https://github.com/nuxt/nuxt.com/issues/1065",0.7545817,{"description":2942,"labels":2943,"number":2949,"owner":2877,"repository":2878,"state":2927,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Operating System: Darwin\n- Node Version: -\n- Nuxt Version: -\n- CLI Version: -\n- Nitro Version: -\n- Package Manager: -\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.1\n\n### Reproduction\n\nhttps://dashboard-template.nuxt.dev/\n\nhttps://github.com/user-attachments/assets/c7c84465-1507-4ba8-a321-1e4f7def60f1\n\n### Description\n\nI was checking the pro dashboard template and found that.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2944,2945,2946],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2947,"color":2948},"pro","5BD3CB",3713,"Command behind Slideover in Nuxt UI Pro Template","2025-03-28T15:16:02Z","https://github.com/nuxt/ui/issues/3713",0.7553944,{"description":2955,"labels":2956,"number":2959,"owner":2877,"repository":2878,"state":2927,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.7.0\n- Nuxt Version: -\n- CLI Version: 3.22.2\n- Nitro Version: -\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\n\n### Description\n\nI was going through https://ui3.nuxt.dev/getting-started/installation/pro/vue#add-to-a-vue-project\nand got that problem:\n[ERROR] Missing \"./vite\" specifier in \"@nuxt/ui-pro\" package [plugin externalize-deps]\n\nwhile dashboard example uses https://pkg.pr.new/@nuxt/ui-pro@83fa134 where ui-pro/dist/vite.d.ts exists.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2957,2958],{"name":2868,"color":2869},{"name":2871,"color":2872},3416,"ui-pro/dist/vite.d.ts doesn't exists","2025-02-28T10:43:06Z","https://github.com/nuxt/ui/issues/3416",0.7605276,{"description":2965,"labels":2966,"number":2970,"owner":2877,"repository":2936,"state":2927,"title":2971,"updated_at":2972,"url":2973,"score":2974},"\n",[2967],{"name":2968,"color":2969},"enhancement","1ad6ff",756,"[Docs] Remove TOC for examples","2023-02-15T12:31:33Z","https://github.com/nuxt/nuxt.com/issues/756",0.7665638,{"labels":2976,"number":2982,"owner":2877,"repository":2877,"state":2927,"title":2983,"updated_at":2984,"url":2985,"score":2986},[2977,2979],{"name":2968,"color":2978},"8DEF37",{"name":2980,"color":2981},"2.x","d4c5f9",10392,"Error icon has been mispositioned","2023-02-15T00:09:14Z","https://github.com/nuxt/nuxt/issues/10392",0.7668459,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNN2j8eFkneawFr9_CmLD0SKFH4E8-T8jeKwWeC3X3Dg":-1},"/nuxt/ui/3856"]