\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.7463046,{"description":2892,"labels":2893,"number":1497,"owner":2866,"repository":2867,"state":2868,"title":2894,"updated_at":2895,"url":2896,"score":2897},"Consider following code for your app:\r\n```vue\r\n\u003Cstyle>\r\n.loading {\r\n font-size: 2rem;\r\n}\r\n\u003C/style>\r\n\r\n\u003Ctemplate>\r\n \u003CClientOnly>\r\n \u003Ctemplate #fallback>\r\n \u003Cdiv class=\"loading\">\r\n \u003CIcon name=\"svg-spinners:ring-resize\" />\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],"Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.76370573,{"labels":2899,"number":2904,"owner":2866,"repository":2866,"state":2905,"title":2906,"updated_at":2907,"url":2908,"score":2909},[2900,2903],{"name":2901,"color":2902},"3.x","29bc7f",{"name":2877,"color":2878},12091,"closed","Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.7078475,{"description":2911,"labels":2912,"number":2916,"owner":2866,"repository":2866,"state":2905,"title":2917,"updated_at":2918,"url":2919,"score":2920},"There is the bug on `index.vue` in `Page` folder that we need to change from\r\n `import logo from '~components/logo.vue` \r\nto\r\n`import logo from '~/components/logo.vue`\r\n\r\nThis will make new people come in the first time struck in this point and some will drop-off which mean we lost number of user.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1313\">#c1313\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2913],{"name":2914,"color":2915},"2.x","d4c5f9",1473,"Please fix the Starter Template for god sake ","2023-01-18T15:41:50Z","https://github.com/nuxt/nuxt/issues/1473",0.7472276,{"description":2922,"labels":2923,"number":2927,"owner":2866,"repository":2928,"state":2905,"title":2929,"updated_at":2930,"url":2931,"score":2932},"\n",[2924],{"name":2925,"color":2926},"enhancement","1ad6ff",69,"nuxt.com","Loading icon in input while fetching repositories","2023-02-15T12:31:42Z","https://github.com/nuxt/nuxt.com/issues/69",0.7486585,{"description":2934,"labels":2935,"number":2927,"owner":2866,"repository":2939,"state":2905,"title":2940,"updated_at":2941,"url":2942,"score":2932},"Impossible to run `pnpm dev` to preview the docs\r\n\r\n\u003Cimg width=\"1015\" alt=\"Capture d’écran 2024-05-19 à 22 26 31\" src=\"https://github.com/nuxt/scripts/assets/1840026/2d7f6fc4-b641-4eec-a25f-b20925bfa044\">\r\n",[2936],{"name":2937,"color":2938},"pre-announce","c2e0c6","scripts","Docs: Add a contribution guide","2024-06-25T16:20:31Z","https://github.com/nuxt/scripts/issues/69",{"description":2944,"labels":2945,"number":2950,"owner":2866,"repository":2951,"state":2905,"title":2952,"updated_at":2953,"url":2954,"score":2955},"## Description\n\nUsing nuxt fonts to set different fonts for specific CSS classes works perfectly for single-level classes, but when trying to apply a font to nested CSS classes, it does not load as expected.\n\nFor example, Lato works fine for `.lato`, but Nunito fails to apply in nested elements like `.nunito p`:\n\n```vue\n\u003Ctemplate>\n \u003Cdiv class=\"lato\">\n 'Lato works!'\n\n \u003Cdiv class=\"nunito\">\n \u003Cp>'Nunito does not work :('\u003C/p>\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n.lato {\n font-family: 'Lato';\n}\n\n.nunito {\n p {\n font-family: 'Nunito';\n }\n}\n\u003C/style>\n\n```\n\n## Reproduction steps\n\n1. Apply a font family using nuxt fonts to a nested CSS class selector.\n\n> Note that the font only applies to single-level selectors, not nested ones like `.nunito p`.\n\n## Expected behaviour\n\nBoth fonts should be applied according to the CSS structure, with `Lato` on the outer `div` and `Nunito` on the inner `\u003Cp>` element.\n\n## Reproduction link\n\n\n[Stackblitz repro](https://stackblitz.com/edit/github-5srqpg?file=app.vue)",[2946,2947],{"name":2877,"color":2878},{"name":2948,"color":2949},"good first issue","7057ff",371,"fonts","Nested CSS font-family not working as expected","2024-12-05T13:03:43Z","https://github.com/nuxt/fonts/issues/371",0.7490868,{"description":2957,"labels":2958,"number":2950,"owner":2866,"repository":2928,"state":2905,"title":2960,"updated_at":2961,"url":2962,"score":2955},"\n",[2959],{"name":2925,"color":2926},"Design kit classes should use new colors instead of hard-coded hex","2023-02-15T12:30:45Z","https://github.com/nuxt/nuxt.com/issues/371",{"description":2964,"labels":2965,"number":2950,"owner":2866,"repository":2966,"state":2905,"title":2967,"updated_at":2968,"url":2969,"score":2955},"Hi 👋 \r\nI am attempting to use `@nuxt/test-utils` on a fresh nuxt-project.\r\nHowever, the setup function throws with the following message: \r\n`No 'pages' directory found in \u003CPATH-TO-MY-PROJECT>/test/fixture. Did you mean to run 'nuxt' in the parent ('../') directory?`\r\n\r\nI have tried to pass `configFile` and `rootDir` with path values relative to the test file. \r\nIs this a bug or am I doing something wrong? \r\n\r\nAll help is greatly appreciated 😄 \r\n \r\nHere is the relevant code: \r\n```ts\r\n// \u003CPATH-TO-MY-PROJECT>/test/pages/index.test.ts\r\nimport { setupTest } from '@nuxt/test-utils'\r\n\r\ndescribe(\"The index page\", () => {\r\n\r\n setupTest({ server: true /*, configFile: \"../../nuxt.config.js\", rootDir: \"../../\" */});\r\n});\r\n```\r\n```ts\r\n// \u003CPATH-TO-MY-PROJECT>/jest.config.ts\r\n// jest.config.ts\r\nimport type { Config } from '@jest/types';\r\n\r\n// Sync object\r\nconst config: Config.InitialOptions = {\r\n verbose: true,\r\n preset: \"@nuxt/test-utils\",\r\n};\r\nexport default config;\r\n```",[],"test-utils","Setup throws \"no 'pages' directory found\"","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/371",["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFQSqGRNFJUNiNReELRjBjoGvStq2YuOI0c_OE-EwrF0":-1},"/nuxt/nuxt.com/1355"]