\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\" />",[2884,2885,2888],{"name":2868,"color":2869},{"name":2886,"color":2887},"v3","49DCB8",{"name":2871,"color":2872},3972,"Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.7693255,{"description":2895,"labels":2896,"number":2901,"owner":2874,"repository":2875,"state":2876,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Description\n\nIs there currently a way, or future support for overriding the trigger for the Accordion similar to how it worked in v2:\n\n> Example for v2\n\n```vue\n\u003Cu-accordion :items=\"items\" :ui=\"{ wrapper: 'flex flex-col w-full' }\">\n \u003Ctemplate #default=\"{ item, open }\">\n \u003Cu-button variant=\"ghost\" class=\"flex justify-between items-center font-semibold\">\n \u003Cspan>{{ item.label }}\u003C/span>\n \u003Cdiv class=\"flex items-center space-x-2\">\n \u003Cu-icon\n name=\"i-heroicons-chevron-right-20-solid\"\n class=\"w-5 h-5 ms-auto transform transition-transform duration-200\"\n :class=\"[open && 'rotate-90']\"\n />\n \u003C/div>\n \u003C/u-button>\n \u003C/template>\n\n \u003Ctemplate #item=\"{ item }\">\n // Content\n \u003C/template>\n\u003C/u-accordion>\n```\n\nCurrently i don't see a way with the default slot to override the AccordionRoot trigger\n",[2897,2900],{"name":2898,"color":2899},"question","d876e3",{"name":2886,"color":2887},3455,"Override Slot for Accordion Trigger","2025-03-04T17:30:46Z","https://github.com/nuxt/ui/issues/3455",0.77136856,{"description":2907,"labels":2908,"number":2914,"owner":2874,"repository":2875,"state":2915,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### 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_",[2909,2912,2913],{"name":2910,"color":2911},"enhancement","a2eeef",{"name":2886,"color":2887},{"name":2871,"color":2872},3720,"closed","feat: add toogle for useOverlay","2025-04-09T15:26:14Z","https://github.com/nuxt/ui/issues/3720",0.6910747,{"description":2921,"labels":2922,"number":2927,"owner":2874,"repository":2875,"state":2915,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.18.7\n\n### Reproduction\n\n-\n\n### Description\n\nI'm using downloaded font awesome 6 svg's in my assets folder, but somehow I can't override the surround icons.\n\n**nuxt.config.ts**\n```ts\n// @nuxt/icon (handled by @nuxt/ui)\nicon: {\n customCollections: [\n {\n prefix: \"fa-light\",\n dir: \"./assets/icons/font-awesome/light\",\n },\n {\n prefix: \"fa-brands\",\n dir: \"./assets/icons/font-awesome/brands\",\n },\n ],\n},\n```\n\n**app.config.js**\n```js\nexport default defineAppConfig({\n ui: {\n icons: {\n prev: \"fa-light:arrow-left\",\n next: \"fa-light:arrow-right\",\n },\n\n content: {\n surround: {\n icon: {\n prev: \"fa-light:arrow-left\",\n next: \"fa-light:arrow-right\",\n },\n },\n },\n },\n},\n```\n\nAdding it to `icons.prev` and `icons.next` is not working at all.\n\nOverriding it in `content.surround.icon....` is working (class-wise), but simply not adding the icons..\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2923,2924],{"name":2868,"color":2869},{"name":2925,"color":2926},"duplicate","cfd3d7",2447,"Surround icons not updating with custom font","2024-11-10T21:45:37Z","https://github.com/nuxt/ui/issues/2447",0.74503654,{"description":2933,"labels":2934,"number":2935,"owner":2874,"repository":2936,"state":2915,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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,"nuxt.com","Dark mode does not work properly on Firefox Developer Edition","2024-11-21T01:08:22Z","https://github.com/nuxt/nuxt.com/issues/1663",0.74933213,{"description":2942,"labels":2943,"number":2948,"owner":2874,"repository":2875,"state":2915,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\n\n```\nNuxt project info: 4:16:28 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.14.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.8.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @nuxt/eslint@0.3.13, @nuxt/test-utils/module@3.14.4, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-shiki@0.3.0, nuxt-svgo@4.0.8\n- Build Modules: -\n------------------------------\n```\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nI don't know how to reproduce it unfortunately.\n\n### Description\n\nI often have a bunch of `[Icon] loading icon `heroicons:magnifying-glass` timed out after 500ms` on firefox\n\n\n\nit impacts the breadcrumb component\n\nbut also other `\u003CUIcon>` instances\n\nDo you have any idea about where those timeouts maybe coming from \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2944,2945],{"name":2868,"color":2869},{"name":2946,"color":2947},"upstream","78bddb",2573,"Icon timeout despite having installed the @iconify-json/heroicons collection","2024-11-08T16:41:20Z","https://github.com/nuxt/ui/issues/2573",0.7560242,{"description":2954,"labels":2955,"number":2958,"owner":2874,"repository":2875,"state":2915,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.24\r\n- Builder: -\r\n- User Config: devtools, modules, eslint, runtimeConfig, site, mdc, image, components, strapi, i18n, vite, routeRules, formkit, compatibilityDate\r\n- Runtime Modules: @nuxtjs/strapi@1.12.0, @nuxt/image@1.8.0, @vueuse/nuxt@10.11.1, @nuxtjs/i18n@8.5.1, @nuxt/eslint@0.3.13, @nuxt/fonts@0.7.2, @nuxtjs/mdc@0.8.3, @formkit/nuxt@1.6.5, nuxt3-vuex-module@1.1.0, nuxt3-interpolation/index.cjs, nuxt-swiper@1.2.2, nuxt-marquee@1.0.4, @nuxtjs/seo@2.0.0-rc.20, @formkit/nuxt@1.6.5, @nuxt/ui@2.18.4\r\n- Build Modules: -\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-dbk9vy?file=app.vue\n\n### Description\n\nEnter transition of sliderover Module not working properly. Instant appearing of elements (with sometimes slight but too quick transitions). Exit transition works fine. \r\n\r\nTried on Chrome, Firefox & Safari on Mac.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2956,2957],{"name":2868,"color":2869},{"name":2946,"color":2947},2127,"[Slideover/Modal] Enter transition not working","2024-09-20T14:03:47Z","https://github.com/nuxt/ui/issues/2127",0.75633556,{"description":2964,"labels":2965,"number":2980,"owner":2874,"repository":2874,"state":2915,"title":2981,"updated_at":2982,"url":2983,"score":2984},"https://unplugin.unjs.io/guide/#filters",[2966,2968,2971,2974,2977],{"name":2910,"color":2967},"8DEF37",{"name":2969,"color":2970},"good first issue","fbca04",{"name":2972,"color":2973},"pending triage","E99695",{"name":2975,"color":2976},"refactor","173A12",{"name":2978,"color":2979},"possible regression","B90A42",31837,"opt in to new unplugin filter options","2025-05-27T15:42:25Z","https://github.com/nuxt/nuxt/issues/31837",0.76933056,{"description":2986,"labels":2987,"number":2989,"owner":2874,"repository":2875,"state":2915,"title":2990,"updated_at":2991,"url":2992,"score":2993},"### Description\r\n\r\nHi, is there any way to disable the error template? \r\n\r\nI just tried to set an empty template, but this creates a div with some classes that create a slight jump because of the set class mt-2... and overwriting from the template is also not possible...\r\n\r\nI need to do this because I need to show some custom logic where error messages are used as hints.\r\n\r\ncheers,\r\ngregor",[2988],{"name":2898,"color":2899},2100,"disabling formgroup error template","2024-09-03T08:41:36Z","https://github.com/nuxt/ui/issues/2100",0.7698636,["Reactive",2995],{},["Set"],["ShallowReactive",2998],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRqmZfT-5qCka7KVazvC3WRboNRtT_Cjfwme-ZzZI3Ws":-1},"/nuxt/ui/3696"]