\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\" />",[3030,3033,3036],{"name":3031,"color":3032},"bug","d73a4a",{"name":3034,"color":3035},"v3","49DCB8",{"name":3037,"color":3038},"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":3046,"labels":3047,"number":1497,"owner":3020,"repository":3021,"state":3022,"title":3048,"updated_at":3049,"url":3050,"score":3051},"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":3053,"number":3058,"owner":3020,"repository":3020,"state":3059,"title":3060,"updated_at":3061,"url":3062,"score":3063},[3054,3057],{"name":3055,"color":3056},"3.x","29bc7f",{"name":3031,"color":3032},12091,"closed","Logo in readme update","2023-01-19T15:54:20Z","https://github.com/nuxt/nuxt/issues/12091",0.7078475,{"description":3065,"labels":3066,"number":3070,"owner":3020,"repository":3020,"state":3059,"title":3071,"updated_at":3072,"url":3073,"score":3074},"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>",[3067],{"name":3068,"color":3069},"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":3076,"labels":3077,"number":3081,"owner":3020,"repository":3082,"state":3059,"title":3083,"updated_at":3084,"url":3085,"score":3086},"\n",[3078],{"name":3079,"color":3080},"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":3088,"labels":3089,"number":3081,"owner":3020,"repository":3093,"state":3059,"title":3094,"updated_at":3095,"url":3096,"score":3086},"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",[3090],{"name":3091,"color":3092},"pre-announce","c2e0c6","scripts","Docs: Add a contribution guide","2024-06-25T16:20:31Z","https://github.com/nuxt/scripts/issues/69",{"description":3098,"labels":3099,"number":3104,"owner":3020,"repository":3105,"state":3059,"title":3106,"updated_at":3107,"url":3108,"score":3109},"## 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)",[3100,3101],{"name":3031,"color":3032},{"name":3102,"color":3103},"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":3111,"labels":3112,"number":3104,"owner":3020,"repository":3082,"state":3059,"title":3114,"updated_at":3115,"url":3116,"score":3109},"\n",[3113],{"name":3079,"color":3080},"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":3118,"labels":3119,"number":3104,"owner":3020,"repository":3120,"state":3059,"title":3121,"updated_at":3122,"url":3123,"score":3109},"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",3125],{},["Set"],["ShallowReactive",3128],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFQSqGRNFJUNiNReELRjBjoGvStq2YuOI0c_OE-EwrF0":-1},"/nuxt/nuxt.com/1355"]