\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.74355143,{"description":2885,"labels":2886,"number":2889,"owner":2877,"repository":2878,"state":2879,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Environment\n\nNode: 22.11.0\nnpm: 11.1.0\n@nuxt/ui: 2.21.0 and 3.0.0-alpha.13 (same reesult)\nnuxt: 3.15.4\nNitro: 2.10.4 \n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nAfter using `npx nuxi@latest module add ui` to add Nuxt UI to a Nuxt project `nuxt dev` still works, but `nuxt build` and `nuxt generate` crashes with the following error: \n\n```\n ERROR Nuxt Build Error: Cannot find module 'postcss-minify-gradients'\nRequire stack:\n- [~]/node_modules/cssnano-preset-default/src/index.js\n- [~]/node_modules/cssnano/src/index.js\n```\n\nMy `nuxt.config.ts`:\n\n```\nexport default defineNuxtConfig({\n modules: [\n '@nuxt/ui',\n ],\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n})\n```\n\nThings I've tried:\n\n- Adding `'postcss-minify-gradients` with `npm install postcss-minify-gradients` does not make any difference. \n- Installing `cssnano`, `postcss`, `tailwindcss` and numerous other Nuxt/Tailwind related packges manually causes a lot of other issues, but doesn't help here\n- Removing `node_modules/*`, `./nuxt/*` and `package-lock.json` and starting over does not help\n- Neither does `nuxi cleanup` \n- Adding `postcss: { plugins: { \"minifyGradients\": false },},` to `nuxt.config.ts`, as suggested in some other bug report thread\n- Removing every installed package except for NuxtUI\n\nWhat works:\n\nCreating an entirely clean project with `npx nuxi@latest init test`, `cd test` and `npx nuxi@latest module add ui` works for a while. But it seems like sooner or later every NuxtUI project gets stuck in this cul-de-sac. It is unclear to me what triggers this state, but more to the point it seems entrirely _impossible_ to get out of it? What is going on here, and how can I save a project, once this happen?\n\n### Description\n\nSee above\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},3368,"Nuxt Build Error: Cannot find module 'postcss-minify-gradients'","2025-02-22T12:24:45Z","https://github.com/nuxt/ui/issues/3368",0.7453478,{"description":2895,"labels":2896,"number":2899,"owner":2877,"repository":2900,"state":2901,"title":2902,"updated_at":2903,"url":2904,"score":2905},"https://nuxt.com/support/us",[2897],{"name":2868,"color":2898},"ff281a",1167,"nuxt.com","closed","Sponsors page does not show any sponsors","2023-06-06T12:14:43Z","https://github.com/nuxt/nuxt.com/issues/1167",0.69428563,{"description":2907,"labels":2908,"number":2909,"owner":2877,"repository":2900,"state":2901,"title":2910,"updated_at":2911,"url":2912,"score":2913},"- [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.6969949,{"description":2915,"labels":2916,"number":2920,"owner":2877,"repository":2900,"state":2901,"title":2921,"updated_at":2922,"url":2923,"score":2924},"- [x] Move Revue contacts\n- [x] Subscribe form to contact Sendgrid API",[2917],{"name":2918,"color":2919},"enhancement","1ad6ff",1104,"Migrate newsletter to SendGrid","2023-01-10T15:04:54Z","https://github.com/nuxt/nuxt.com/issues/1104",0.7043541,{"description":2926,"labels":2927,"number":56,"owner":2877,"repository":2878,"state":2901,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Description\n\nHello, i was wondering if its possible to create something similar to this perhaps using the existing radio-group component.\r\n\r\nExample: https://tailwindui.com/components/application-ui/forms/radio-groups\r\n\u003Cimg width=\"1201\" alt=\"Screenshot 2024-01-11 at 7 59 09 PM\" src=\"https://github.com/nuxt/ui/assets/33962719/5c1bd9cb-7c96-4306-83c5-46eda713de10\">\r\n\n\n### Additional context\n\n_No response_",[2928,2931,2933],{"name":2929,"color":2930},"duplicate","cfd3d7",{"name":2918,"color":2932},"a2eeef",{"name":2934,"color":2875},"wontfix-v2","Radio Groups cards","2025-03-24T15:01:33Z","https://github.com/nuxt/ui/issues/1221",0.7122147,{"description":2940,"labels":2941,"number":2944,"owner":2877,"repository":2878,"state":2901,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### 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```",[2942,2943],{"name":2868,"color":2869},{"name":2871,"color":2872},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.71983606,{"description":2950,"labels":2951,"number":2954,"owner":2877,"repository":2878,"state":2901,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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```",[2952,2953],{"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.7234668,{"description":2960,"labels":2961,"number":2963,"owner":2877,"repository":2878,"state":2901,"title":2964,"updated_at":2965,"url":2966,"score":2967},"Currently, portal components (modals, popovers, etc.) are directly attached to the root of the body. It would be beneficial to allow specifying their destination within the configuration .This would provide greater control over rendering order and potential styling conflicts, especially in complex applications with open shadow Dom. \n\nFor instance, a developer might want to render a modal within a specific container to inherit styles or avoid interference with other elements on the page (I currently using Nuxt ui as a web component withing WordPress). \n\nThe proposed configuration option could be a CSS selector string, allowing for flexible targeting of any existing element in the DOM defaulting to 'body'. ",[2962],{"name":2871,"color":2872},3687,"Allow specify portal destination for all portaled components","2025-04-21T15:42:56Z","https://github.com/nuxt/ui/issues/3687",0.7315718,{"description":2969,"labels":2970,"number":2973,"owner":2877,"repository":2878,"state":2901,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\n\nOperating System: `Darwin`\nNode Version: `v22.11.0`\nNuxt Version: `3.14.1592`\nCLI Version: `3.16.0`\nNitro Version: `2.10.4`\nPackage Manager: `npm@10.9.0`\nBuilder: -\nUser Config: `default`\nRuntime Modules: `@nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.2, @nuxt/image@1.8.1`\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\nhttps://github.com/makvv4/nuxtui3-avatar-bug-reproduction\n\n### Description\n\nIn the markup we see the correct link to the image, but in the avatar component only a fallback is displayed.\nIn the Network tab, you can see that there are multiple requests made at the same time: one with the correct link, and another request links to the localhost.\n\nThe provider is located in `/providers/my-img-provider.ts`\nAnd config looks like:\n```javascript\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n modules: ['@nuxt/ui', '@nuxt/eslint', '@nuxt/image'],\n css: ['~/assets/css/main.css'],\n\n future: {\n compatibilityVersion: 4,\n },\n\n compatibilityDate: '2024-11-27',\n\n image: {\n providers: {\n myImgProvider: {\n provider: '~~/providers/my-img-provider.ts',\n },\n },\n provider: 'myImgProvider',\n },\n})\n```\n\n### Additional context\n\n\n\n\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2971,2972],{"name":2868,"color":2869},{"name":2871,"color":2872},2857,"[v3][UAvatar] `UAvatar` breaks when using `@nuxt/image` with custom provider","2025-01-11T15:14:06Z","https://github.com/nuxt/ui/issues/2857",0.7390477,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fa3svpWzV-jSD5eam9hZrNDPtjfwD5s7oNZqSU70sBtc":-1},"/nuxt/ui/3069"]