\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.75306517,{"description":3038,"labels":3039,"number":3045,"owner":3030,"repository":3031,"state":3032,"title":3046,"updated_at":3047,"url":3048,"score":3049},"### Description\n\nSomething like \n```\nmarks: [\n { at: \"minimum\" }, // Display minimum value\n { at: \"actual\", label: (value: string) => `Actual value is ${value}` }, // Display actual value with custom label\n { at: \"everystep\" } // Display every step value \n { at: \"maximum\" } // Display maximum value \n]\n```\n\n### Additional context\n\n_No response_",[3040,3043,3044],{"name":3041,"color":3042},"enhancement","a2eeef",{"name":3024,"color":3025},{"name":3027,"color":3028},3936,"Add suppport for displaying the actual value and step values in the USlider component","2025-04-20T09:16:17Z","https://github.com/nuxt/ui/issues/3936",0.7657193,{"description":3051,"labels":3052,"number":3055,"owner":3030,"repository":3031,"state":3056,"title":3057,"updated_at":3058,"url":3059,"score":3060},"### 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```",[3053,3054],{"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.6874051,{"description":3062,"labels":3063,"number":3064,"owner":3030,"repository":3065,"state":3056,"title":3066,"updated_at":3067,"url":3068,"score":3069},"",[],1124,"nuxt.com","[Refactor] Home Sections","2023-02-15T12:31:08Z","https://github.com/nuxt/nuxt.com/issues/1124",0.7038909,{"description":3071,"labels":3072,"number":3076,"owner":3030,"repository":3031,"state":3056,"title":3077,"updated_at":3078,"url":3079,"score":3080},"### Description\n\nThere is currently no easy way to know what state the modal is in. Adding a `toggle` method would make life very much easier.\n\nI'm willing to make a PR\n\n### Additional context\n\n_No response_",[3073,3074,3075],{"name":3041,"color":3042},{"name":3024,"color":3025},{"name":3027,"color":3028},3720,"feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.71000105,{"description":3082,"labels":3083,"number":3086,"owner":3030,"repository":3065,"state":3056,"title":3087,"updated_at":3088,"url":3089,"score":3090},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[3084],{"name":3021,"color":3085},"ff281a",981,"[docs]/guide/directory-structure/app.config: missing content + broken nav ","2022-12-07T06:14:48Z","https://github.com/nuxt/nuxt.com/issues/981",0.7397187,{"description":3092,"labels":3093,"number":3098,"owner":3030,"repository":3031,"state":3056,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### Description\n\nI recently updated to the v3, which now uses Nuxt I18n for its own component translations. Since this update, my existing i18n configuration no longer works as expected. It seems the framework’s new i18n setup conflicts with or overrides my own translations, and I’m unable to figure out how to properly extend its default localization to include my own.\n\nCould you please provide guidance on how to configure or extend the new i18n setup so that my existing translations remain functional?\n\n",[3094,3097],{"name":3095,"color":3096},"question","d876e3",{"name":3024,"color":3025},2956,"How to extend Nuxt I18n translations?","2025-03-28T17:37:21Z","https://github.com/nuxt/ui/issues/2956",0.7450012,{"description":3104,"labels":3105,"number":3106,"owner":3030,"repository":3065,"state":3056,"title":3107,"updated_at":3108,"url":3109,"score":3110},"Hover effect icon https://www.notion.so/nuxt/Hover-effect-icon-6bd48c2f9b23479689993c1492c287de",[],1087,"[Review] HomeCardItem","2023-02-15T12:31:07Z","https://github.com/nuxt/nuxt.com/issues/1087",0.7454331,{"description":3112,"labels":3113,"number":3114,"owner":3030,"repository":3065,"state":3056,"title":3115,"updated_at":3116,"url":3117,"score":3118},"- [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.74697274,{"description":3120,"labels":3121,"number":3122,"owner":3030,"repository":3065,"state":3056,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### Environment\n\nhttps://nuxt.com/\n\n### Reproduction\n\nUse Google and Firefox to open https://nuxt.com/, and you can find that the automatic recognition on Firefox is wrong, showing the dark mode\r\n\r\n\r\n\n\n### Describe the bug\n\nfirefox Developer Edition 131.0b5\r\nAnd how to turn off dark mode?\r\nI tried but it didn't work\r\ncolorMode: {\r\n preference: 'light'\r\n},\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1663,"Dark mode does not work properly on Firefox Developer Edition","2024-11-21T01:08:22Z","https://github.com/nuxt/nuxt.com/issues/1663",0.7499616,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fH-bcnBXSzms87uYEztIMmDr8VPDk_uJLft8ixLkVXTw":-1},"/nuxt/ui/2358"]