\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\" />",[2876,2879,2882],{"name":2877,"color":2878},"bug","d73a4a",{"name":2880,"color":2881},"v3","49DCB8",{"name":2883,"color":2884},"triage","ffffff",3972,"ui","Different result than static for active-color & active-variant","2025-04-24T15:30:39Z","https://github.com/nuxt/ui/issues/3972",0.77913135,{"description":2892,"labels":2893,"number":2898,"owner":2866,"repository":2886,"state":2868,"title":2899,"updated_at":2900,"url":2901,"score":2902},"### Description\n\nThe Accordion component's config provides the `default` block, which allows you to control the CSS of the label. However, there are no open/closed state controls. I'd love to be able to apply different classes to the label based on whether the accordion is open or closed.\n\n### Additional context\n\nThe main reason for this is to customize the open/closed states. Upon opening the accordion, I would like the ability to remove the bottom-left and bottom-right border radius while simultaneously adding a border around the body content. This would create a seamless appearance, eliminating any gaps between the label and the body content.",[2894,2897],{"name":2895,"color":2896},"enhancement","a2eeef",{"name":2883,"color":2884},3412,"Accordion styles -- should be able to pass classes via UI config for open and closed states.","2025-02-26T23:07:30Z","https://github.com/nuxt/ui/issues/3412",0.7865798,{"description":2904,"labels":2905,"number":2913,"owner":2866,"repository":2914,"state":2868,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Environment\n\nStackblitz:\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\nLocal:\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.15.4\r\n- Builder: -\r\n- User Config: alias, app, components, css, devServer, devtools, experimental, hooks, googleFonts, ignore, i18n, imports, modules, nitro, router, routeRules, postcss, runtimeConfig, telemetry, typescript, vite\r\n- Runtime Modules: @nuxtjs/google-fonts@3.2.0, @nuxtjs/i18n@8.1.1, @nuxt/test-utils/module@3.12.0, @pinia/nuxt@0.5.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n- Visit: https://stackblitz.com/edit/github-zqexwa?file=components%2Finject-with-symbol.vue\r\n- Run `npm run test`\r\n- Observe output\r\n - A value provided using a string injection key is accessible\r\n - A value provided using a symbol injection key is not accessible\n\n### Describe the bug\n\nWe have multiple plugins which provide typed values to our Vue app using Symbol inject keys. This works well at runtime.\r\n\r\nAt test time these provided values are no longer available to inject.\r\n\r\n- Logging demonstrates our plugins are running and providing values to the `nuxtApp.vueApp`\r\n- Later logging demonstrates components receive an `undefined` value\r\n\r\nHave we done something wrong? Or, missed some big red text that stable symbols are not guaranteed?\n\n### Additional context\n\nI see https://github.com/nuxt/test-utils/commit/fb6f3be64ae66ee43fc4724a0a26f16c97b9e35e is testing a similar case.\r\n\r\nOh, I just found https://github.com/nuxt/test-utils/blob/66c58bc3097246dca015aa293a49ecd5fff0dd11/examples/app-vitest-full/plugins/inject-value.ts#L3\r\n\r\nThen I found https://github.com/nuxt/test-utils/issues/750.\r\n\r\nI wish this was documented. I would have really liked to have been productive for the last hours.\n\n### Logs\n\n_No response_",[2906,2907,2910],{"name":2877,"color":2878},{"name":2908,"color":2909},"vitest-environment","b60205",{"name":2911,"color":2912},"pending triage","5D08F5",836,"test-utils","Plugin provided through nuxtApp.vueApp values are inaccessible in tests","2024-05-04T09:53:21Z","https://github.com/nuxt/test-utils/issues/836",0.79146594,{"description":2920,"labels":2921,"number":2928,"owner":2866,"repository":2886,"state":2868,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Description\r\n\r\nSpanning columns in tables should be common...\r\n\r\nBut the `\u003Ccolumn>-data` slot is rendered in the `\u003Ctd>`. It would be better if there was a `row-data` slot.\r\n\r\nIs there any way to determine whether it needs to span columns based on some property of row?",[2922,2925],{"name":2923,"color":2924},"question","d876e3",{"name":2926,"color":2927},"stale","ededed",2053,"How to span columns in UTable?","2025-03-15T02:01:09Z","https://github.com/nuxt/ui/issues/2053",0.7921977,{"description":2934,"labels":2935,"number":2938,"owner":2866,"repository":2914,"state":2939,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v21.7.3\r\n- Nuxt Version: ^3.11.2\r\n- CLI Version: 3.13.1\r\n- Nitro Version: -\r\n- Package Manager: npm\r\n- Builder: - vite\r\n- User Config: compatibilityDate, devtools, modules, i18n\r\n- Runtime Modules: @pinia/nuxt@^0.5.1, @nuxt/test-utils/module@^3.13.1, @nuxt/devtools@^1.3.1, @nuxtjs/robots@^3.0.0, @nuxtjs/tailwindcss@^6.12.0, @nuxtjs/eslint-module@^4.1.0, @nuxtjs/i18n@^8.3.1, @vite-pwa/nuxt@^0.7.0, nuxt-clarity-analytics@^0.0.6, @nuxt/image@^1.7.0\r\n- Build Modules: -\r\n\n\n### Reproduction\n\nHere is reproduce, just try to install dependances.\r\n[@nuxt-test-utils-dependaces-error.zip](https://github.com/user-attachments/files/16807301/%40nuxt-test-utils-dependaces-error.zip)\n\n### Describe the bug\n\nnpm i catch npm ERR! ERESOLVE could not resolve\r\n\n\n### Additional context\n\nI reinstalled dependancy and caught error.\n\n### Logs\n\n```shell-script\nPS C:\\reproduce\\nuxt-autocomplit-type-error> npm i\r\nnpm ERR! code ERESOLVE\r\nnpm ERR! ERESOLVE could not resolve\r\nnpm ERR! \r\nnpm ERR! While resolving: nuxt-app@undefined\r\nnpm ERR! Found: vue@3.4.38\r\nnpm ERR! node_modules/vue\r\nnpm ERR! peer vue@\"^3.3.4\" from @nuxt/test-utils@3.14.1\r\nnpm ERR! node_modules/@nuxt/test-utils\r\nnpm ERR! dev @nuxt/test-utils@\"^3.13.1\" from the root project\r\nnpm ERR! peer vue@\"^3.2.0\" from vue-router@4.4.3\r\nnpm ERR! node_modules/vue-router\r\nnpm ERR! vue-router@\"^4.3.2\" from the root project\r\nnpm ERR! peer vue-router@\"^4.0.0\" from @nuxt/test-utils@3.14.1\r\nnpm ERR! node_modules/@nuxt/test-utils\r\nnpm ERR! dev @nuxt/test-utils@\"^3.13.1\" from the root project\r\nnpm ERR! 1 more (@nuxtjs/i18n)\r\nnpm ERR!\r\nnpm ERR! Could not resolve dependency:\r\nnpm ERR! dev @pinia/testing@\"^0.1.3\" from the root project\r\nnpm ERR!\r\nnpm ERR! Conflicting peer dependency: vue@2.6.14\r\nnpm ERR! node_modules/vue\r\nnpm ERR! peer vue@\">= 2.5 \u003C 2.7\" from @vue/composition-api@1.7.2\r\nnpm ERR! node_modules/@vue/composition-api\r\nnpm ERR! peerOptional @vue/composition-api@\"^1.4.0\" from pinia@2.2.2\r\nnpm ERR! node_modules/pinia\r\nnpm ERR! pinia@\"^2.1.7\" from the root project\r\nnpm ERR! 1 more (@pinia/testing)\r\nnpm ERR!\r\nnpm ERR! Fix the upstream dependency conflict, or retry\r\nnpm ERR! this command with --force or --legacy-peer-deps\r\nnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.\r\nnpm ERR! \r\nnpm ERR!\r\nnpm ERR! For a full report see:\r\nnpm ERR! C:\\Users\\AppData\\Local\\npm-cache\\_logs\\2024-08-29T22_11_47_097Z-eresolve-report.txt\r\n\r\nnpm ERR! A complete log of this run can be found in: C:\\Users\\AppData\\Local\\npm-cache\\_logs\\2024-08-29T22_11_47_097Z-debug-0.log\n```\n",[2936,2937],{"name":2877,"color":2878},{"name":2911,"color":2912},928,"closed","Confilcts with @nuxt/test-utils and Nuxt3","2024-12-04T16:32:32Z","https://github.com/nuxt/test-utils/issues/928",0.7348983,{"description":2945,"labels":2946,"number":2949,"owner":2866,"repository":2867,"state":2939,"title":2950,"updated_at":2951,"url":2952,"score":2953},"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.",[2947],{"name":2877,"color":2948},"ff281a",831,"[Community] About page timeline mobile","2023-02-15T12:31:02Z","https://github.com/nuxt/nuxt.com/issues/831",0.76690817,{"description":2955,"labels":2956,"number":2957,"owner":2866,"repository":2867,"state":2939,"title":2958,"updated_at":2959,"url":2960,"score":2961},"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.76968217,{"description":2963,"labels":2964,"number":2967,"owner":2866,"repository":2886,"state":2939,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### 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```",[2965,2966],{"name":2877,"color":2878},{"name":2880,"color":2881},2649,"breadcrumb HTML validation errors","2024-11-15T08:53:33Z","https://github.com/nuxt/ui/issues/2649",0.7736465,{"description":2973,"labels":2974,"number":2976,"owner":2866,"repository":2886,"state":2939,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Environment\r\n\r\n- Operating system: \"android 14\"\r\n- Nuxt Version: \"3.13.2\"\r\n- Vue Version: \"3.5.8\"\r\n- \r\n\r\n### Version\r\n\r\nv2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://ui.nuxt.com/components/dropdown\r\n\r\n\r\n\r\n\r\n\r\n### Description\r\n\r\nclicking on the dropdown button doesn't work in mobile view. the \"click\" event & the \"touchstart\" event, call the same function (toggle dropdown visibility), and neutralize each other. (basically, click event opens the dropdown, the touchstart event, closes the dropdown)\r\n\r\nI tested it and in both android 14 & in windows, firefox (mobile view mode), I got the same result.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2975],{"name":2877,"color":2878},2261,"\"UDropdown\": Toggle NOT Working in Mobile. click event & touchstart event neutralize each other.","2024-10-01T13:00:59Z","https://github.com/nuxt/ui/issues/2261",0.77758807,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFCmC4zIAfNd21QptNBQ_6L3H6MdgaZairOsDrHsiz64":-1},"/nuxt/nuxt.com/1417"]