\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",[3190,3193],{"name":3191,"color":3192},"bug","d73a4a",{"name":3194,"color":3195},"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":3203,"labels":3204,"number":3207,"owner":3154,"repository":3173,"state":3182,"title":3208,"updated_at":3209,"url":3210,"score":3211},"(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",[3205],{"name":3191,"color":3206},"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":3213,"labels":3214,"number":3224,"owner":3154,"repository":3154,"state":3182,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### 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_",[3215,3218,3221],{"name":3216,"color":3217},"3.x","29bc7f",{"name":3219,"color":3220},"pending triage","E99695",{"name":3222,"color":3223},"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":3230,"labels":3231,"number":3234,"owner":3154,"repository":3154,"state":3182,"title":3235,"updated_at":3236,"url":3237,"score":3238},"### 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_",[3232,3233],{"name":3216,"color":3217},{"name":3219,"color":3220},19708,"404 link in documentation (custom router)","2023-03-15T15:37:02Z","https://github.com/nuxt/nuxt/issues/19708",0.74080086,{"description":3240,"labels":3241,"number":3243,"owner":3154,"repository":3197,"state":3182,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### 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_",[3242],{"name":3191,"color":3192},2007,"Issue with using {color} in app.config.ts variants","2025-03-28T17:31:38Z","https://github.com/nuxt/ui/issues/2007",0.7418902,{"description":3249,"labels":3250,"number":3253,"owner":3154,"repository":3154,"state":3182,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.13.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `yarn@3.2.3`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://github.com/P4sca1/th-koeln-was/tree/9493a77f559177eddd7fb8d907a0effeb55c51df\n\n### Describe the bug\n\n1. Clone the repository\r\n2. Run `yarn` to install dependencies\r\n3. Run `yarn generate` to generate the page\r\n4. Run `yarn preview` to serve the generated page\r\n\r\nVisit http://localhost:3000. The home page shows without any issues (SSR). Notice that client-side navigation also works without any issues.\r\n\r\nNow navigate to any page except the home page using the sidebar and reload the page. Notice that all the other pages do not work when they are rendered on the server. They will show the home page for a short amount of time and render the `DocumentDrivenNotFound` component afterwards.\n\n### Additional context\n\nEverything works fine in development mode.\n\n### Logs\n\n_No response_",[3251,3252],{"name":3216,"color":3217},{"name":3219,"color":3220},15055,"nuxt preview renders existing routes as 404","2023-01-19T17:44:21Z","https://github.com/nuxt/nuxt/issues/15055",0.74326986,["Reactive",3259],{},["Set"],["ShallowReactive",3262],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQ4kalSuy4e2MsSLpffB165IbFzPW_z7BMYvZZKOQP3U":-1},"/nuxt/ui/3264"]