\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\" />",[2882,2885,2886],{"name":2883,"color":2884},"bug","d73a4a",{"name":2869,"color":2870},{"name":2887,"color":2888},"triage","ffffff",3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.75115746,{"description":2895,"labels":2896,"number":2899,"owner":2872,"repository":2873,"state":2874,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.9.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, nuxt-svgo@4.0.9, @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt, @nuxtjs/i18n@9.1.0, nuxt-jsonld@2.1.0, @nuxtjs/robots@5.0.0, nuxt-gtag@3.0.2, @sentry/nuxt/module@8.42.0, nuxt-time@1.0.3, @nuxt/eslint@0.7.2\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-ncxoznzw\n\n### Description\n\nIf you define your own color for tailwinds, and attempt to use it on a UButton component with the link variant, it will not work and give the following error:\n\n```\n500\nvariant?.replaceAll is not a function\n\nat ComputedRefImpl.fn (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:142:18)\nat refreshComputed (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:353:29)\nat get value (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1558:5)\nat unref (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1431:29)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1437:64)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:3099:26)\nat Proxy._sfc_render (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:199:17)\nat renderComponentRoot (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:6521:16)\nat hydrateSubTree (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5309:32)\nat ReactiveEffect.componentUpdateFn [as fn] (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5334:13)\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2897,2898],{"name":2883,"color":2884},{"name":2887,"color":2888},2860,"[UButton] Using a custom color on the link variant causes an error","2025-02-06T03:16:14Z","https://github.com/nuxt/ui/issues/2860",0.7661844,{"description":2905,"labels":2906,"number":2909,"owner":2872,"repository":2910,"state":2911,"title":2912,"updated_at":2913,"url":2914,"score":2915},"Issue on `@nuxt/content` https://github.com/nuxt/content/blob/main/docs/content/1.index.md\n\n\n",[2907],{"name":2883,"color":2908},"ff281a",683,"nuxt.com","closed","[Editor] Milkdown parsing error with components in slots","2023-06-06T12:14:56Z","https://github.com/nuxt/nuxt.com/issues/683",0.7036446,{"description":2917,"labels":2918,"number":2922,"owner":2872,"repository":2910,"state":2911,"title":2923,"updated_at":2924,"url":2925,"score":2926},"Example: https://www.raycast.com/nhojb/brew",[2919],{"name":2920,"color":2921},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.73631495,{"description":2928,"labels":2929,"number":2935,"owner":2872,"repository":2873,"state":2911,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.17.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0, nuxt-file-storage@0.2.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.14.1592\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst category = ref()\nconst categories = ref(await fetchApi('utils/dishCategories'))\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUModal>\n \u003CUButton icon=\"lucide:folder-plus\" variant=\"ghost\" />\n\n \u003Ctemplate #body>\n \u003CUSelectMenu v-model=\"category\"\n :items=\"categories\"\n value-key=\"id\"\n label-key=\"name\"\n :search-input=\"{ placeholder: 'Найти категорию', autofocus: true }\"\n class=\"w-full\" />\n \u003C/template>\n\n \u003Ctemplate #footer>\n \u003CUButton variant=\"soft\" class=\"ml-auto\">Добавить\u003C/UButton>\n \u003C/template>\n \u003C/UModal>\n\u003C/template>\n```\n\n### Description\n\nCant focus search input in UModal https://skr.sh/vTGxtvn6YeL\nOutside UModal all is ok.",[2930,2931,2934],{"name":2883,"color":2884},{"name":2932,"color":2933},"duplicate","cfd3d7",{"name":2869,"color":2870},2939,"USelectMenu search input is not focusable in UModal","2024-12-19T18:24:48Z","https://github.com/nuxt/ui/issues/2939",0.7502615,{"description":2941,"labels":2942,"number":2946,"owner":2872,"repository":2873,"state":2911,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.0\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: ssr, modules, devtools, spaLoadingTemplate, future, runtimeConfig, colorMode, ui, css, app, routeRules, plausible, $production, $development, sourcemap, sentry, compatibilityDate\n- Runtime Modules: @sentry/nuxt/module@9.10.1, @nuxt/ui-pro@3.0.2, @nuxt/content@3.4.0, @nuxt/image@1.10.0, @vueuse/nuxt@13.0.0, @nuxt/scripts@0.11.5, @nuxtjs/plausible@1.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/keen-cannon-s6mnt5?file=%2Fapp%2Fpages%2Findex.vue%3A4%2C14\n\n### Description\n\nI'm encountering an issue with the `loading-auto` prop on `\u003CUButton>` when the button is placed outside the `\u003CUForm>` and uses the `form` attribute to link to the form.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2943,2944,2945],{"name":2883,"color":2884},{"name":2869,"color":2870},{"name":2887,"color":2888},3856,"`loading-auto` attribute not working when `\u003CUButton>` is outside the form with `form` attribute","2025-04-12T15:54:22Z","https://github.com/nuxt/ui/issues/3856",0.75053626,{"description":2952,"labels":2953,"number":2956,"owner":2872,"repository":2873,"state":2911,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.37\n- Builder: -\n- User Config: components, css, extends, modules, ui, supabase, i18n, app, mapbox, runtimeConfig, compatibilityDate\n- Runtime Modules: nuxt-mapbox@1.6.1, @nuxt/image@1.9.0, @nuxt/ui@3.0.0-alpha.10, @nuxtjs/supabase@1.4.5, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.6, @vueuse/motion/nuxt@2.2.6 \n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/quizzical-wood-ntyxty\n\n### Description\n\nwhen a child item at the second level has more than three levels of nested children, the collapse button for that second-level item stops working.\n\nI'm using the following code snippet:\nIs this a known limitation of the UNavigationMenu component, or could it be a bug?\n\nI would greatly appreciate any guidance on how to resolve this issue and ensure the collapse \nTypeScript\n```\n\u003Cscript setup lang=\"ts\">\n const items = ref([\n {\n label: 'Home',\n icon: 'i-tabler-home',\n description: 'Fully styled and customizable components for Nuxt.',\n children: [\n {\n label: 'Introduction 2',\n description: 'Fully styled and customizable components for Nuxt.',\n icon: 'i-lucide-house',\n children: [\n {\n label: 'Getting Started 3',\n description: 'Learn how to get started with Reka UI.',\n icon: 'i-tabler-star',\n to: '/',\n },\n {\n label: 'Installation 3',\n description: 'Learn how to get started with Reka UI in your Nuxt project.',\n icon: 'i-lucide-house',\n to: '/',\n },\n ],\n },\n ],\n },\n ])\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n color=\"neutral\"\n :ui=\"{\n link: 'group relative flex items-center gap-2 px-3 py-2 font-bold rounded-md text-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2 focus-visible:before:ring-primary-500 dark:focus-visible:before:ring-primary-400 before:absolute before:inset-px before:rounded-md disabled:cursor-not-allowed disabled:opacity-75',\n }\"\n />\n\u003C/template>\n\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2954,2955],{"name":2883,"color":2884},{"name":2869,"color":2870},3069,"UNavigationMenu I'm facing an issue with the collapse functionality of my nested navigation menu.","2025-01-25T12:56:13Z","https://github.com/nuxt/ui/issues/3069",0.7515076,{"description":2962,"labels":2963,"number":2964,"owner":2872,"repository":2910,"state":2911,"title":2965,"updated_at":2966,"url":2967,"score":2968},"- [x] Colors & Fonts\n- [x] Landing page (Home)\n- [x] Showcase categories/hero\n- [x] Modules categories/hero\n- [x] Blog categories/hero\n- [x] Support hero/content",[],1305,"Marketing Update","2023-07-04T10:00:31Z","https://github.com/nuxt/nuxt.com/issues/1305",0.7554375,{"description":2970,"labels":2971,"number":2975,"owner":2872,"repository":2910,"state":2911,"title":2976,"updated_at":2977,"url":2978,"score":2979},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[2972],{"name":2973,"color":2974},"enhancement","1ad6ff",1104,"Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.7581443,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foM_0M40-IT7VpomYwii3chCiC8oMU9kxPwxx7kM9SVo":-1},"/nuxt/nuxt.com/756"]