` into `parent.vue` as `\u003CRouterView>`, and add redirect rule in `parent.vue`:\r\n```ts\r\ndefinePageMeta({\r\n redirect: '/parent/a',\r\n})\r\n```\r\nIt work well.\r\n\r\n---\r\n\r\nBut if I place these three files as the following structure:\r\n```\r\n\\pages\r\n \\parent\r\n index.vue\r\n a.vue\r\n b.vue\r\n```\r\nthis `index.vue` couldn't be execute or render.\r\nBut I think it's a better way to origainze nasted file, especially when the neste rule is complex. \r\n\n\n### Additional information\n\n- [ ] 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).",[3038,3041],{"name":3039,"color":3040},"3.x","29bc7f",{"name":3042,"color":3043},"pending triage","E99695",24720,"More support for nested route","2024-01-02T11:33:45Z","https://github.com/nuxt/nuxt/issues/24720",0.7204493,{"labels":3050,"number":3056,"owner":3028,"repository":3028,"state":3030,"title":3057,"updated_at":3058,"url":3059,"score":3060},[3051,3052,3053],{"name":3039,"color":3040},{"name":3042,"color":3043},{"name":3054,"color":3055},"needs reproduction","FBCA04",14155,"nested NuxtPage not rendering","2023-01-19T17:26:33Z","https://github.com/nuxt/nuxt/issues/14155",0.72691405,{"description":3062,"labels":3063,"number":3066,"owner":3028,"repository":3028,"state":3030,"title":3067,"updated_at":3068,"url":3069,"score":3070},"### Describe the feature\n\nCurrently for nest routes if we have a page (`/parent/index.vue`) with `\u003CNuxtPage />` and a child page (`/parent/child.vue`) on the same level as the parent, `\u003CNuxtPage />` doesn't render the child pages's content.\r\n\r\n\r\n\r\nFrom the docs i have to make it `parent.vue` outside the `parent` folder.\r\n\r\n\r\nIn our project we have many pages and we have a folder structure where we separated the style from the template, example:\r\n\r\n\r\nso jumping between the `parent.vue` file all the way to the child folder then the `child.vue` file is a bit of a bother \r\nit would be great if the above scenario with the `index.vue` as a parent would work 🙏\r\n\r\n\r\n\r\n\r\n\n\n### Additional information\n\n- [ ] 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).",[3064,3065],{"name":3039,"color":3040},{"name":3042,"color":3043},22426,"\u003CNuxtPage /> with index.vue issue","2023-08-01T11:49:39Z","https://github.com/nuxt/nuxt/issues/22426",0.7274932,{"description":3072,"labels":3073,"number":3079,"owner":3028,"repository":3028,"state":3030,"title":3080,"updated_at":3081,"url":3082,"score":3083},"It would be nice enough to be able to create layouts that would imitate other layouts. Let's say this:\r\n```bash\r\n/---layout\r\n | default.vue\r\n |\r\n /---header\r\n index.vue\r\n full-width.vue\r\n sidebar.vue\r\n```\r\nIn the `/layout/header/index.vue` we create the base with header:\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"header-template-root\">\r\n \u003Capp-header>\u003C/app-header>\r\n \u003Cmain>\r\n \u003Cnuxt/>\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>",[3074,3076],{"name":3019,"color":3075},"8DEF37",{"name":3077,"color":3078},"2.x","d4c5f9",3099,"[Feature request]: Create nested Layouts","2025-03-18T08:49:20Z","https://github.com/nuxt/nuxt/issues/3099",0.72876364,{"description":3085,"labels":3086,"number":3097,"owner":3028,"repository":3028,"state":3030,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### Environment\n\n```\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools, ssr, modules, auth\n- Runtime Modules: @pinia/nuxt@0.5.4, @trandaison/nuxt-3-auth@0.1.4\n- Build Modules: -\n------------------------------\n```\n\n### Reproduction\n\nWith Nuxt 3.13 (not working): https://stackblitz.com/edit/nuxt-starter-gmwxix?file=nuxt.config.ts\n\nWith Nuxt 3.11 (working): https://stackblitz.com/edit/nuxt-starter-meyimq?file=nuxt.config.ts\n\n### Describe the bug\n\nI'm using a page with a `login` layout.\nAfter upgrading the nuxt version from 3.11.2 to 3.13.2, the layout is no more used and the `default` one is used instead.\n\n```vue\n\u003Cscript setup>\ndefinePageMeta({\n auth: 'guest',\n layout: 'login',\n});\n\u003C/script>\n```\n\n### Additional context\n\nThis problem is reproducible when using the [`trandaison/nuxt-3-auth`](https://github.com/trandaison/nuxt-3-auth) plugin. When using Nuxt without it, layouts work fine.\n\n### Logs\n\n_No response_",[3087,3088,3091,3094],{"name":3039,"color":3040},{"name":3089,"color":3090},"workaround available","11376d",{"name":3092,"color":3093},"bug","d73a4a",{"name":3095,"color":3096},"possible regression","B90A42",29361,"Page layout stopped working after upgrading nuxt from 3.11 to 3.13","2024-11-19T12:00:58Z","https://github.com/nuxt/nuxt/issues/29361",0.73120356,{"description":3103,"labels":3104,"number":3106,"owner":3028,"repository":3028,"state":3030,"title":3107,"updated_at":3108,"url":3109,"score":3110},"Hello,\r\n\r\nfirst, let me thank you for such a great _tool_. Since I am new with Vue.js and NuxtJS, in particular, I wanted to ask you 2 questions.\r\n\r\n1) How can one create for example a \"projects\" in pages with project detail pages (e.g. for a porfolio)?\r\n2) How can one add Schema.org ld+json structure in the header?\r\n\r\nAny example would be much appreciated. And yes, I have studied the documentation.\r\n\r\nThank you!\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/c2029\">#c2029\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3105],{"name":3077,"color":3078},2323,"Example for subpage directories + LD JSON","2023-01-18T15:43:53Z","https://github.com/nuxt/nuxt/issues/2323",0.7314998,{"description":3112,"labels":3113,"number":3106,"owner":3028,"repository":3029,"state":3030,"title":3121,"updated_at":3122,"url":3123,"score":3110},"### Description\n\nHi, \n\nI installed a fresh nuxt3 app and added nuxtUI according the instalation guides. \n\nin my app.vue, I added this content \n```\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUPage>\n \u003Ctemplate #left>\n \u003CVerticalMenu />\n \u003C/template>\n\n \u003Ctemplate #right>\n \u003Ch1>Welcome to your dashboard\u003C/h1>\n \u003C/template>\n \u003C/UPage>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\n\n\u003C/script>\n```\n\n\nand this is my VerticalManu, component file which is located to ~/components/\n\n```\n\u003Cscript setup lang=\"ts\">\n\nconst links = [{\n label: 'Documentation',\n icon: 'i-heroicons-book-open',\n to: '/getting-started'\n}, {\n label: 'Playground',\n icon: 'i-simple-icons-stackblitz',\n to: '/playground'\n}]\n\nconst pageLinks = [{\n icon: 'i-heroicons-heart',\n label: 'Learn how to contribute',\n to: '/getting-started/contributing',\n target: '_blank'\n}]\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUAside :links=\"links\">\n \u003Ctemplate #top>\n \u003CUContentSearchButton />\n \u003C/template>\n\n \u003CPlaceholder class=\"h-60\" />\n\n \u003Ctemplate #bottom>\n \u003CUDivider type=\"dashed\" class=\"my-6\" />\n\n \u003CUPageLinks :links=\"pageLinks\" />\n \u003C/template>\n \u003C/UAside>\n\u003C/template>\n```\n\nI was expecting to see the sidebar on the left but no content in the UI and the following warnings in the console and I do not know how to get over it. \n\nI mention that if I add a \u003CUButton>click me\u003C/UButton> in the main \u003Cdiv> of app.vue and delete everything else, I see the button in the browser.\n\nAny help will be much appreciated! 😚 \n\n```\n WARN [Vue warn]: Failed to resolve component: UPage\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\n at \u003CApp>\n at \u003CNuxtRoot>\n\n\n WARN [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.\n at \u003CAnonymous>\n at \u003CApp>\n at \u003CNuxtRoot>\n\n\n WARN [Vue warn]: Component \u003CAnonymous> is missing template or render function.\n at \u003CAnonymous>\n at \u003CApp>\n at \u003CNuxtRoot>\n```\n",[3114,3117,3118],{"name":3115,"color":3116},"question","d876e3",{"name":3022,"color":3023},{"name":3119,"color":3120},"pro","5BD3CB","nuxt3 with nuxtUI Failed to resolve component UPage","2024-10-07T10:11:46Z","https://github.com/nuxt/ui/issues/2323",{"description":3125,"labels":3126,"number":3130,"owner":3028,"repository":3028,"state":3030,"title":3131,"updated_at":3132,"url":3133,"score":3134},"Let's say I have this `/pages/` directory structure:\r\n```\r\n/pages/\r\n users.vue\r\n users/\r\n :id.vue\r\n new.vue\r\n```\r\nWhat if I want to disattach the page component of `new.vue` from the existing component hierarchy? I mean, to have a URL like `/users/new`, but NOT no include whatever is in `users.vue`.\r\n\r\nAFAIK, there were a way of achieving this with vue-router, using a leading slash or something. Any hints on how to get the same in a Nuxt-based project?\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/c1309\">#c1309\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3127,3129],{"name":3115,"color":3128},"cc317c",{"name":3077,"color":3078},1470,"Allow a particular nested page to be nested in terms of URL only","2023-01-18T15:41:50Z","https://github.com/nuxt/nuxt/issues/1470",0.73303276,{"labels":3136,"number":3139,"owner":3028,"repository":3028,"state":3030,"title":3140,"updated_at":3141,"url":3142,"score":3143},[3137,3138],{"name":3039,"color":3040},{"name":3092,"color":3093},12013,"Nested Pages(NuxtPage) was not working","2023-01-19T15:53:23Z","https://github.com/nuxt/nuxt/issues/12013",0.7336938,["Reactive",3145],{},["Set"],["ShallowReactive",3148],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQXLAFPhOnQR_rY3PoDt7Mk9_PyvcxpHgnc8PsBv3yis":-1},"/nuxt/ui/2872"]