\n \u003CNuxtPage /> \u003C!-- renders children like index.vue, favorite.vue -->\n \u003C/div>\n\u003C/template>\n```\n\nThis improves clarity by:\n\n* Explicitly distinguishing **nested layout files** from **page files**.\n* Avoiding the overloaded role of `parent.vue`.\n* Making folder structures self-explanatory.\n\n### Benefits\n\n* More intuitive project structure for large apps.\n* Easier onboarding for new developers (clear separation of layouts vs. pages).\n* Cleaner, scalable convention that aligns with the mental model of “global layouts” vs. “section layouts.”\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3139],{"name":3140,"color":3141},"pending triage","E99695",33073,"nuxt","open","[Enhancement] Better Syntax/Convention for Nested Layouts in Nuxt","2025-08-27T05:51:23Z","https://github.com/nuxt/nuxt/issues/33073",0.64513516,{"labels":3150,"number":3163,"owner":3143,"repository":3143,"state":3164,"title":3165,"updated_at":3166,"url":3167,"score":3168},[3151,3154,3157,3160],{"name":3152,"color":3153},"enhancement","8DEF37",{"name":3155,"color":3156},"good first issue","fbca04",{"name":3158,"color":3159},"3.x","29bc7f",{"name":3161,"color":3162},"🍰 p2-nice-to-have","0E8A16",14275,"closed","Nuxt 3 does not respect layouts in separate folders","2023-10-16T21:58:42Z","https://github.com/nuxt/nuxt/issues/14275",0.6010562,{"labels":3170,"number":3175,"owner":3143,"repository":3143,"state":3164,"title":3176,"updated_at":3177,"url":3178,"score":3179},[3171,3172],{"name":3140,"color":3141},{"name":3173,"color":3174},"2.x","d4c5f9",10565,"Nuxt 3 does not respect layouts in separate folders.","2023-01-22T15:48:35Z","https://github.com/nuxt/nuxt/issues/10565",0.6110724,{"labels":3181,"number":3192,"owner":3143,"repository":3143,"state":3164,"title":3193,"updated_at":3194,"url":3195,"score":3196},[3182,3183,3186,3189],{"name":3158,"color":3159},{"name":3184,"color":3185},"dx","C39D69",{"name":3187,"color":3188},"bug","d73a4a",{"name":3190,"color":3191},"vite","3574D1",14321,"Not wrapping contents of `app.vue` in a single parent element allows Nuxt to render arbitrary files on the FS that would match the request URI","2023-01-19T17:33:51Z","https://github.com/nuxt/nuxt/issues/14321",0.6553735,{"labels":3198,"number":3201,"owner":3143,"repository":3143,"state":3164,"title":3202,"updated_at":3203,"url":3204,"score":3205},[3199,3200],{"name":3152,"color":3153},{"name":3173,"color":3174},8145,"Multiple pages and layout directories, for modules and monorepos","2023-01-22T15:52:44Z","https://github.com/nuxt/nuxt/issues/8145",0.6568716,{"description":3207,"labels":3208,"number":3210,"owner":3143,"repository":3143,"state":3164,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Discussed in https://github.com/nuxt/framework/discussions/5177\r\n\r\n\u003Cdiv type='discussions-op-text'>\r\n\r\n\u003Csup>Originally posted by **bloor** May 27, 2022\u003C/sup>\r\nI have my main layout (header, body[content] , footer)\r\nAnd then I`m trying to make a sub-layout for the account-user pages, that has a sidebar-menu\r\n\r\n\r\n```\r\nuser/account\r\nuser/settings\r\nuser/billing\r\netc\r\n```\r\n\r\nHow I implemented my nested Layout:\r\n\r\n\r\n\r\nThe issue I face is:\r\nWhenever I switch between a `default-layout path/page` .. to a `user-layout path/page` .. the whole page is re-rendered.\r\nThe SPA fluidity breaks for some reason. **I'm considering using a Component instead of the `user-layout`.**\r\n\r\nSo am I doing something wrong when doing nested layouts ?\r\nNuxt v3.0.0-rc.3 (latest)\r\n\r\nHere's the LIVE DEMO:\r\nhttps://d1map.netlify.app/\r\n```\r\ntest-user: antonebogdan@gmail.com\r\npass: asdasd123\r\n```\r\nWhen you commute between `features` , `platforms`, `about` everything is fluid, when you go to `account` it breaks.\u003C/div>",[3209],{"name":3158,"color":3159},15461,"Nested Layouts ? like layout: (h, page) => h(Layout, () => child), ","2023-01-19T17:51:04Z","https://github.com/nuxt/nuxt/issues/15461",0.6594437,{"labels":3216,"number":3217,"owner":3143,"repository":3143,"state":3164,"title":3218,"updated_at":3219,"url":3220,"score":3221},[],13605,"Nuxt config components dirs behavior","2023-01-19T17:02:40Z","https://github.com/nuxt/nuxt/issues/13605",0.6643632,{"description":3223,"labels":3224,"number":3228,"owner":3143,"repository":3143,"state":3164,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Is your feature request related to a problem? Please describe.\r\nI have a detail page with a lot of information visualized in unique ways that only make sense to that page.\r\nBecause my `components` folder gets used for re-usable components, I have a subfolder in the same folder that route is located.\r\n\r\nMy `pages` folder looks a little something like this:\r\n```\r\nroutes\r\n- route-1\r\n - index.vue\r\n - -components\r\n - SomeComponentUniqueToThisRoute.vue\r\n - AnotherComponentUniqueToThisRoute.vue\r\n- route-2\r\n - index.vue\r\n - -components\r\n - SomeComponentUniqueToThisRoute.vue\r\n - AnotherComponentUniqueToThisRoute.vue\r\n .....\r\n```\r\n\r\nif I now go to `/route-2/-components/SomeComponentUniqueToThisRoute` it loads that component, obviously, because Nuxt thinks it's a page.\r\n\r\nIn the [documentation](https://nuxtjs.org/docs/2.x/directory-structure/pages#ignoring-pages) it says that I can already hide components by prefixing them with a `-`. But sadly this does not work on folders atm.\r\n\r\n### Describe the solution you'd like\r\nI want nuxt to **not** generate routes from `.vue` files in folders prefixed with a `-` by default, without the help of [.nuxtignore](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-ignore). Exactly like it already does for components.\r\n\r\nAll sub-folders and their .vue files should not be turned in to pages as well.\r\n\r\n### Describe alternatives you've considered\r\nHaving all components in my `-components` folder starting with a `-` would do the trick, but that is ugly and breaks vue's naming conventions.\r\n\r\nI could also write a couple of `.nuxtignore` rules that exclude the folders, but my application has many (around 25) -components folders that I would have to exclude. It is also another thing I have to explain to people who help me with this project, which isn't ideal.",[3225,3226,3227],{"name":3152,"color":3153},{"name":3158,"color":3159},{"name":3173,"color":3174},11497,"Feature request: Ability to ignore whole directories inside `pages`","2025-01-06T11:25:47Z","https://github.com/nuxt/nuxt/issues/11497",0.66489166,{"labels":3234,"number":3236,"owner":3143,"repository":3143,"state":3164,"title":3218,"updated_at":3237,"url":3238,"score":3239},[3235],{"name":3158,"color":3159},13342,"2023-01-19T17:03:04Z","https://github.com/nuxt/nuxt/issues/13342",0.6651796,{"description":3241,"labels":3242,"number":3247,"owner":3143,"repository":3143,"state":3164,"title":3248,"updated_at":3249,"url":3250,"score":3251},"When using layouts, I'd like to be able to separate out my app js/css files from my www js/css files. Is this possible in nuxt?\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/c324\">#c324\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3243,3246],{"name":3244,"color":3245},"question","cc317c",{"name":3173,"color":3174},374,"Seperate css files for layouts","2023-01-18T15:38:49Z","https://github.com/nuxt/nuxt/issues/374",0.6653142,["Reactive",3253],{},["Set"],["ShallowReactive",3256],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzxBGQ4vGvfKRUg4qQbuJ-iSyBZWCb2HheCal8wx_nZs":-1},"/nuxt/nuxt/1854"]