\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.7501144,{"description":2885,"labels":2886,"number":2889,"owner":2877,"repository":2878,"state":2879,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### 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```",[2887,2888],{"name":2868,"color":2869},{"name":2874,"color":2875},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.75970256,{"description":2895,"labels":2896,"number":2904,"owner":2877,"repository":2878,"state":2879,"title":2905,"updated_at":2906,"url":2907,"score":2908},"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!",[2897,2900,2901],{"name":2898,"color":2899},"documentation","0075ca",{"name":2871,"color":2872},{"name":2902,"color":2903},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.7815313,{"description":2910,"labels":2911,"number":2914,"owner":2877,"repository":2878,"state":2915,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### 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```",[2912,2913],{"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.6978318,{"description":2921,"labels":2922,"number":2926,"owner":2877,"repository":2927,"state":2915,"title":2928,"updated_at":2929,"url":2930,"score":2931},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[2923],{"name":2924,"color":2925},"enhancement","1ad6ff",1104,"nuxt.com","Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.7093431,{"description":2933,"labels":2934,"number":2936,"owner":2877,"repository":2878,"state":2915,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Environment\n\n- Operating System: `mac 15.0.1 `\n- Browser : Google Chrome 130\n\n\n\n### Version\n\nv 2.8\n\n### Reproduction\n\n\n\n\n### Description\n\nFor sites developed with Nuxt, it seems that memory leaks are serious when the site is open for a long time.\nIf even the site you created is in that state, wouldn't it be unusable?\n\n \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2935],{"name":2868,"color":2869},2635,"For sites developed with Nuxt, it seems that memory leaks are serious when the site is open for a long time.","2024-11-19T15:23:27Z","https://github.com/nuxt/ui/issues/2635",0.7125502,{"description":2942,"labels":2943,"number":2948,"owner":2877,"repository":2878,"state":2915,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Description\n\nI am new using Nuxt UI, and I am loving it.\nI personally believe buttons look better when they are wider than taller, therefore I like to add more padding in the x axis, but I don't want to do this for each button.\n\nI am currently doing it like this:\n\n```html\n\u003CUButton\n to=\"/login\"\n size=\"xl\"\n color=\"warning\"\n variant=\"solid\"\n class=\"font-semibold px-4\"\n >\n Iniciar sesión\n \u003C/UButton>\n```\n\nbut I don't know how to add the option for all buttons.\nI tried doing this in the app.config.ts:\n\n```js\nui: {\n button: {\n slots: {\n base: 'px-4 cursor-pointer'\n },\n}\n \n```\n\nand the cursor-pointer worked, but the px-4 didn't work. Any idea on how to make this work?",[2944,2947],{"name":2945,"color":2946},"question","d876e3",{"name":2871,"color":2872},3646,"How do I change the padding of all buttons globally?","2025-03-24T01:29:59Z","https://github.com/nuxt/ui/issues/3646",0.7307833,{"description":2954,"labels":2955,"number":2958,"owner":2877,"repository":2878,"state":2915,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### 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```",[2956,2957],{"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.7333131,{"description":2964,"labels":2965,"number":2969,"owner":2877,"repository":2927,"state":2915,"title":2970,"updated_at":2971,"url":2972,"score":2973},"Example: https://www.raycast.com/nhojb/brew",[2966],{"name":2967,"color":2968},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7344746,{"description":2975,"labels":2976,"number":2983,"owner":2877,"repository":2877,"state":2915,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\nNuxt 3\n\n### Reproduction\n\ninstall apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.\r\n\r\nbtw SSR is set to false.\n\n### Describe the bug\n\ninstall apexcharts or any charting library and try to render a chart in a page different than index, when navigating to the page without animations, the chart renders fine, but when i add page transitions, especialy with the 'out-in' mode, the website crashes.\r\n\n\n### Additional context\n\n\u003Cimg width=\"1800\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/56976418/d51640ba-2e26-4049-aa8b-c9d2cfd122df\">\r\n\u003Cimg width=\"1344\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/56976418/83704cf1-91c2-42a0-a301-544dc3667092\">\r\n\n\n### Logs\n\n_No response_",[2977,2980],{"name":2978,"color":2979},"3.x","29bc7f",{"name":2981,"color":2982},"pending triage","E99695",22285,"Chart Error when navigating between pages that have animations","2023-07-22T19:58:17Z","https://github.com/nuxt/nuxt/issues/22285",0.7692611,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4UPM57gvLDDJ4bJvn0sQ2soHI_QZ0IeZPp_U7IgroLs":-1},"/nuxt/nuxt.com/780"]