\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\" />",[2865,2868,2871],{"name":2866,"color":2867},"bug","d73a4a",{"name":2869,"color":2870},"v3","49DCB8",{"name":2872,"color":2873},"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.7693205,{"description":2883,"labels":2884,"number":2888,"owner":2875,"repository":2876,"state":2877,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.8\n- Package Manager: pnpm@10.8.1\n- Builder: -\n- User Config: app, compatibilityDate, css, devtools, devServer, eslint, imports, modules, runtimeConfig, sourcemap, ssr, icon, ui, colorMode\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/ui@3.0.2, @vueuse/nuxt@13.0.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/condescending-mcnulty-k5jgtf\n\n### Description\n\nHi 👋,\n\nI’ve noticed an issue with the `ColorPicker` component related to color precision.\n\n🐛 Bug Description\n\nWhen I manually input the hex value `#123456` into the `ColorPicker`, it gets changed to `#123354` immediately.\n\nAfter digging into the source code, I found that the component uses `colortranslator` and internally converts colors via HSL using HSLObject. It appears that during the RGB → HSL → RGB round-trip, there’s a slight loss of precision, which results in the hex value being altered.\n\nIt seems that the issue might be caused by the `decimals` option being set to `2`, while the default value in `colortranslator` is `6`. \n\nhttps://github.com/nuxt/ui/blob/2b315fd855666b02d32373769c8617dd713a8d0a/src/runtime/components/ColorPicker.vue#L104-L109\n\nOr `Math.round` here:\n\nhttps://github.com/nuxt/ui/blob/2b315fd855666b02d32373769c8617dd713a8d0a/src/runtime/components/ColorPicker.vue#L28-L36\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2885,2886,2887],{"name":2866,"color":2867},{"name":2869,"color":2870},{"name":2872,"color":2873},3948,"[ColorPicker] ColorPicker alters manually entered hex value due to precision loss in colortranslator","2025-04-22T09:04:57Z","https://github.com/nuxt/ui/issues/3948",0.77455485,{"description":2894,"labels":2895,"number":2903,"owner":2875,"repository":2876,"state":2877,"title":2904,"updated_at":2905,"url":2906,"score":2907},"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!",[2896,2899,2900],{"name":2897,"color":2898},"documentation","0075ca",{"name":2869,"color":2870},{"name":2901,"color":2902},"announcement","ff7a1a",2358,"Showcase","2025-04-02T15:31:34Z","https://github.com/nuxt/ui/issues/2358",0.78133875,{"description":2909,"labels":2910,"number":2913,"owner":2875,"repository":2914,"state":2915,"title":2916,"updated_at":2917,"url":2918,"score":2919},"I'm not sure if this is happening just for me, but I've noticed it.\r\n\r\nhere are the steps presented more clearly:\r\n\r\n1. Begin by selecting one of the categories.\r\n2. Click on one or more items (websites) within that category.\r\n3. Use the rollback to return to the previous state.\r\n4. Hover your cursor over any item of your choice.\r\n5. Finally, check the link associated with the selected item.\r\n\r\nhttps://github.com/nuxt/nuxt.com/assets/44509661/496ae7e4-2c5e-4f12-a8a8-b0e2d4d7d7e2",[2911],{"name":2866,"color":2912},"ff281a",1417,"nuxt.com","closed","The links in the showcase do not work correctly after the page is reloaded","2025-03-24T21:56:19Z","https://github.com/nuxt/nuxt.com/issues/1417",0.733795,{"description":2921,"labels":2922,"number":2924,"owner":2875,"repository":2914,"state":2915,"title":2925,"updated_at":2926,"url":2927,"score":2928},"Noticed that the animation on the timeline does not work properly on mobile (only first item appears) AND we have an issue for the image when navigating on client-side (at least on Safari):\n\nhttps://user-images.githubusercontent.com/904724/180595606-b112686f-b2ce-4686-8be6-0620ab31dac5.MOV\n\nAlso notice the layout shift on reload, might be due to a lack of height specified on images.",[2923],{"name":2866,"color":2912},831,"[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.74111414,{"description":2930,"labels":2931,"number":2932,"owner":2875,"repository":2914,"state":2915,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Lag on pitch to zoom https://www.notion.so/nuxt/Lag-on-pitch-to-zoom-01e68fe5383b4e1b8748f0e9b76a90df",[],1095,"[Review] Perf","2023-10-10T14:45:06Z","https://github.com/nuxt/nuxt.com/issues/1095",0.74652225,{"description":2938,"labels":2939,"number":2942,"owner":2875,"repository":2876,"state":2915,"title":2943,"updated_at":2944,"url":2945,"score":2946},"### 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```",[2940,2941],{"name":2866,"color":2867},{"name":2869,"color":2870},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7498603,{"description":2948,"labels":2949,"number":2951,"owner":2875,"repository":2914,"state":2915,"title":2952,"updated_at":2953,"url":2954,"score":2955},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_11_16_at_17_20_41_8b14c455c0.mp4\n",[2950],{"name":2866,"color":2912},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.7576682,{"description":2957,"labels":2958,"number":2960,"owner":2875,"repository":2914,"state":2915,"title":2961,"updated_at":2962,"url":2963,"score":2964},"",[2959],{"name":2866,"color":2912},1140,"[Cards]: external links icon missing","2023-02-15T12:31:11Z","https://github.com/nuxt/nuxt.com/issues/1140",0.75820184,{"description":2966,"labels":2967,"number":2968,"owner":2875,"repository":2914,"state":2915,"title":2969,"updated_at":2970,"url":2971,"score":2972},"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.76404256,["Reactive",2974],{},["Set"],["ShallowReactive",2977],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ftfD0Z20L42nvjpNHqgvCQknQMoFcjBpmlYe5kHkbWbM":-1},"/nuxt/test-utils/928"]