\r\n \u003C/main>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\nNext, we complement this layout in an nested `/layout/header/sidebar.vue`:\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"sidebar-template-root\">\r\n \u003Caside>\r\n \u003C!-- -->\r\n \u003C/aside>\r\n \u003Carticle>\r\n \u003Cnuxt/>\r\n \u003C/article>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\nFinally, we use this layout on the page\r\n```html\r\n\u003Ctemplate>\r\n \u003Cp>Page content ...\u003C/p>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n export default {\r\n layout: 'header/sidebar'\r\n }\r\n\u003C/script>\r\n```\r\nAs a result, we will get a page with the following code:\r\n```html\r\n\u003Cdiv class=\"header-template-root\">\r\n \u003Capp-header>\u003C/app-header>\r\n \u003Cmain>\r\n \u003Cdiv class=\"sidebar-template-root\">\r\n \u003Caside>\r\n \u003C!-- -->\r\n \u003C/aside>\r\n \u003Carticle>\r\n \u003Cp>Page content ...\u003C/p>\r\n \u003C/article>\r\n \u003C/div>\r\n \u003C/main>\r\n\u003C/div>\r\n```\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2683\">#c2683\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2931,2933],{"name":2880,"color":2932},"8DEF37",{"name":2921,"color":2922},3099,"[Feature request]: Create nested Layouts","2025-03-18T08:49:20Z","https://github.com/nuxt/nuxt/issues/3099",0.7287978,{"description":2940,"labels":2941,"number":2947,"owner":2866,"repository":2866,"state":2884,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### 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_",[2942,2943,2946],{"name":2904,"color":2905},{"name":2944,"color":2945},"pending triage","E99695",{"name":2907,"color":2908},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.7294025,{"description":2953,"labels":2954,"number":2957,"owner":2866,"repository":2867,"state":2884,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v21.5.0\n- Nuxt Version: -\n- CLI Version: 3.16.0\n- Nitro Version: -\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nNo production link yet\n\n### Description\n\nThe `title` slot should return the item's title instead of active item's title.\n\nUsage:\n```javascript\n\u003CUStepper\n ref=\"stepper\"\n v-model=\"activeStep\"\n :items=\"items\"\n >\n \u003Ctemplate #title=\"{ item }\">\n \u003Ch2>{{ item.title }}\u003C/h2>\n \u003C/template>\n.....\n\u003C/UStepper>\n```\n\n\n\n### Additional context\n\nInstead of `Project` to be returned in every steps, I would like to display each item's title.\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2955,2956],{"name":2857,"color":2858},{"name":2860,"color":2861},2888,"UStepper - \"title\" slot is returning the active step's title instead of item's title","2024-12-12T23:04:45Z","https://github.com/nuxt/ui/issues/2888",0.7299248,{"labels":2963,"number":2968,"owner":2866,"repository":2866,"state":2884,"title":2969,"updated_at":2970,"url":2971,"score":2972},[2964,2966,2967],{"name":2965,"color":2864},"stale",{"name":2944,"color":2945},{"name":2921,"color":2922},9973,"Minor bug: CSS with pseudo class with params when staticly generated is different from development","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9973",0.7326015,{"labels":2974,"number":2977,"owner":2866,"repository":2866,"state":2884,"title":2978,"updated_at":2979,"url":2980,"score":2981},[2975,2976],{"name":2880,"color":2932},{"name":2921,"color":2922},6104,"Layout should be able to extend another layout (\"layout nesting\"?)","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/6104",0.73428345,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f1LjA-GwFVo7-5wLe3tLLfGeLqQqZNw-6yJ1-dtcPJt0":-1},"/nuxt/ui/2686"]