\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.75011444,{"description":3038,"labels":3039,"number":3047,"owner":3030,"repository":3031,"state":3032,"title":3048,"updated_at":3049,"url":3050,"score":3051},"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!",[3040,3043,3044],{"name":3041,"color":3042},"documentation","0075ca",{"name":3024,"color":3025},{"name":3045,"color":3046},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.7815313,{"description":3053,"labels":3054,"number":3057,"owner":3030,"repository":3031,"state":3058,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### 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```",[3055,3056],{"name":3021,"color":3022},{"name":3024,"color":3025},2649,"closed","breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.6978318,{"description":3064,"labels":3065,"number":3069,"owner":3030,"repository":3070,"state":3058,"title":3071,"updated_at":3072,"url":3073,"score":3074},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[3066],{"name":3067,"color":3068},"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":3076,"labels":3077,"number":3079,"owner":3030,"repository":3031,"state":3058,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### 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```",[3078],{"name":3021,"color":3022},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":3085,"labels":3086,"number":3091,"owner":3030,"repository":3031,"state":3058,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### 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?",[3087,3090],{"name":3088,"color":3089},"question","d876e3",{"name":3024,"color":3025},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":3097,"labels":3098,"number":3101,"owner":3030,"repository":3031,"state":3058,"title":3102,"updated_at":3103,"url":3104,"score":3105},"### 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```",[3099,3100],{"name":3021,"color":3022},{"name":3024,"color":3025},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":3107,"labels":3108,"number":3112,"owner":3030,"repository":3070,"state":3058,"title":3113,"updated_at":3114,"url":3115,"score":3116},"Example: https://www.raycast.com/nhojb/brew",[3109],{"name":3110,"color":3111},"design","00bd6f",673,"[Modules] Details page","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/673",0.7344746,{"description":3118,"labels":3119,"number":3126,"owner":3030,"repository":3030,"state":3058,"title":3127,"updated_at":3128,"url":3129,"score":3130},"### 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_",[3120,3123],{"name":3121,"color":3122},"3.x","29bc7f",{"name":3124,"color":3125},"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,{"description":3132,"labels":3133,"number":3136,"owner":3030,"repository":3031,"state":3058,"title":3137,"updated_at":3138,"url":3139,"score":3140},"### 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```",[3134,3135],{"name":3021,"color":3022},{"name":3024,"color":3025},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.77426326,["Reactive",3142],{},["Set"],["ShallowReactive",3145],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4UPM57gvLDDJ4bJvn0sQ2soHI_QZ0IeZPp_U7IgroLs":-1},"/nuxt/nuxt.com/780"]