\n\n\u003Cimg width=\"428\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7f2bf278-8b13-4d8b-84ec-beb29d9036bb\" />\n\nI couldnt reproduce in a fresh project, but my project is pretty clean still with no customizations. Might have something to do with the css order?\n",[2950,2953],{"name":2951,"color":2952},"bug","d73a4a",{"name":2954,"color":2955},"v3","49DCB8",2926,"ui","v3: Icon size gets overwritten by icon's width/height","2024-12-29T11:55:14Z","https://github.com/nuxt/ui/issues/2926",0.7315292,{"description":2963,"labels":2964,"number":2967,"owner":2906,"repository":2925,"state":2942,"title":2968,"updated_at":2969,"url":2970,"score":2971},"(reported on discord) you can see by hard-reloading https://nuxt.com/modules?q=svg, for example.\r\n\r\nprobably similar to https://github.com/nuxt/nuxt.com/issues/1417",[2965],{"name":2951,"color":2966},"ff281a",1455,"query parameters on module page result in hydration mismatch","2025-03-24T22:03:27Z","https://github.com/nuxt/nuxt.com/issues/1455",0.7360373,{"description":2973,"labels":2974,"number":2984,"owner":2906,"repository":2906,"state":2942,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.7.0`\r\n- Nuxt Version: `3.7.4`\r\n- CLI Version: `3.9.1`\r\n- Nitro Version: `2.7.0`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `-`\r\n- User Config: `build`, `modules`, `ssr`, `vite`\r\n- Runtime Modules: `()`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-6q9lur?file=README.md\r\n\r\nhttps://github.com/mathiasrando/nuxt3-vuetify-issue-nested-routes\n\n### Describe the bug\n\nThis issue only occurs when you use Nuxt 3. Using the same route structure in Vue 3 doesn't break any styling.\r\n\r\n### Steps to reproduce\r\n1) Install and start the development server (see README) or open the Stackblitz provided.\r\n2) Visit \"Index\" and refresh the page (works as expected)\r\n3) Visit \"Issue\" and refresh the page (theme styling breaks)\r\n4) Visit \"Nested issue\" and refresh the page (theme styling breaks)\r\n5) Visit \"grandchild\" and refresh the page (works as expected)\r\n\r\nWhen visiting \"grandchild\" after the theme is broken it also applies the styles correctly.\r\n\r\nIf you remove `\u003CNuxtPage>\u003C/NuxtPage>` from the route it no longer breaks the theme styling even if the child route is still present.\r\n\r\n### Expected Behavior\r\nThe theme styles should be loaded correctly for all routes.\r\n\r\n### Actual Behavior\r\nThe theme styles does not load correctly when you load a page/route that has children.\r\n\r\n### Help from Vuetify core member\r\nThis is a link for the code where a core member of Vuetify suspects things goes wrong: https://github.com/vuetifyjs/vuetify/blob/f314cd11553d90708d295a03edf18621105724c5/packages/vuetify/src/composables/theme.ts#L302-L307\r\n\r\nExample of the styling being applied(route with `NuxtPage`) and when it's not(parent route with `NuxtPage´):\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2975,2978,2981],{"name":2976,"color":2977},"3.x","29bc7f",{"name":2979,"color":2980},"pending triage","E99695",{"name":2982,"color":2983},"upstream","E8A36D",23967,"Nested routes breaks/removes injected styles (e.g. Vuetify theme-related styling)","2023-11-09T11:14:05Z","https://github.com/nuxt/nuxt/issues/23967",0.73765695,{"description":2990,"labels":2991,"number":2994,"owner":2906,"repository":2906,"state":2942,"title":2995,"updated_at":2996,"url":2997,"score":2998},"### Environment\n\nhttps://nuxt.com/docs/guide/directory-structure/pages#custom-routing\n\n### Reproduction\n\nGo to https://nuxt.com/docs/guide/directory-structure/pages#custom-routing and the :ReadMore{link=\"/docs/guide/going-further/custom-router\"} block from documentation leads to a 404 page\r\n\n\n### Describe the bug\n\nIt should redirect to /docs/guide/going-further/custom-routing instead of /docs/guide/going-further/custom-router, might be a bug caused by the filename of the document\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2992,2993],{"name":2976,"color":2977},{"name":2979,"color":2980},19708,"404 link in documentation (custom router)","2023-03-15T15:37:02Z","https://github.com/nuxt/nuxt/issues/19708",0.74080086,{"description":3000,"labels":3001,"number":3003,"owner":2906,"repository":2957,"state":2942,"title":3004,"updated_at":3005,"url":3006,"score":3007},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: modules\r\n- Runtime Modules: @nuxt/ui@2.18.3\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\n2.18.1\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-snm3l2?file=app.config.ts\r\n\r\n### Description\r\n\r\nIf using {color} in app.config.ts variants (https://ui.nuxt.com/getting-started/theming#smart-safelisting), even with \"primary\", the generated classes are ignored by tailwind. See reproduction (hover classes)\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3002],{"name":2951,"color":2952},2007,"Issue with using {color} in app.config.ts variants","2025-03-28T17:31:38Z","https://github.com/nuxt/ui/issues/2007",0.7418902,["Reactive",3009],{},["Set"],["ShallowReactive",3012],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQ4kalSuy4e2MsSLpffB165IbFzPW_z7BMYvZZKOQP3U":-1},"/nuxt/ui/3264"]