` 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).",[2941,2944],{"name":2942,"color":2943},"3.x","29bc7f",{"name":2945,"color":2946},"pending triage","E99695",24720,"More support for nested route","2024-01-02T11:33:45Z","https://github.com/nuxt/nuxt/issues/24720",0.7204493,{"labels":2953,"number":2959,"owner":2931,"repository":2931,"state":2933,"title":2960,"updated_at":2961,"url":2962,"score":2963},[2954,2955,2956],{"name":2942,"color":2943},{"name":2945,"color":2946},{"name":2957,"color":2958},"needs reproduction","FBCA04",14155,"nested NuxtPage not rendering","2023-01-19T17:26:33Z","https://github.com/nuxt/nuxt/issues/14155",0.72691405,{"description":2965,"labels":2966,"number":2969,"owner":2931,"repository":2931,"state":2933,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### 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).",[2967,2968],{"name":2942,"color":2943},{"name":2945,"color":2946},22426,"\u003CNuxtPage /> with index.vue issue","2023-08-01T11:49:39Z","https://github.com/nuxt/nuxt/issues/22426",0.7274932,{"description":2975,"labels":2976,"number":2982,"owner":2931,"repository":2931,"state":2933,"title":2983,"updated_at":2984,"url":2985,"score":2986},"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>",[2977,2979],{"name":2922,"color":2978},"8DEF37",{"name":2980,"color":2981},"2.x","d4c5f9",3099,"[Feature request]: Create nested Layouts","2025-03-18T08:49:20Z","https://github.com/nuxt/nuxt/issues/3099",0.72876364,{"description":2988,"labels":2989,"number":3000,"owner":2931,"repository":2931,"state":2933,"title":3001,"updated_at":3002,"url":3003,"score":3004},"### 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_",[2990,2991,2994,2997],{"name":2942,"color":2943},{"name":2992,"color":2993},"workaround available","11376d",{"name":2995,"color":2996},"bug","d73a4a",{"name":2998,"color":2999},"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":3006,"labels":3007,"number":3009,"owner":2931,"repository":2931,"state":2933,"title":3010,"updated_at":3011,"url":3012,"score":3013},"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>",[3008],{"name":2980,"color":2981},2323,"Example for subpage directories + LD JSON","2023-01-18T15:43:53Z","https://github.com/nuxt/nuxt/issues/2323",0.7314998,{"description":3015,"labels":3016,"number":3009,"owner":2931,"repository":2932,"state":2933,"title":3024,"updated_at":3025,"url":3026,"score":3013},"### 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",[3017,3020,3021],{"name":3018,"color":3019},"question","d876e3",{"name":2925,"color":2926},{"name":3022,"color":3023},"pro","5BD3CB","nuxt3 with nuxtUI Failed to resolve component UPage","2024-10-07T10:11:46Z","https://github.com/nuxt/ui/issues/2323",{"description":3028,"labels":3029,"number":3033,"owner":2931,"repository":2931,"state":2933,"title":3034,"updated_at":3035,"url":3036,"score":3037},"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>",[3030,3032],{"name":3018,"color":3031},"cc317c",{"name":2980,"color":2981},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":3039,"number":3042,"owner":2931,"repository":2931,"state":2933,"title":3043,"updated_at":3044,"url":3045,"score":3046},[3040,3041],{"name":2942,"color":2943},{"name":2995,"color":2996},12013,"Nested Pages(NuxtPage) was not working","2023-01-19T15:53:23Z","https://github.com/nuxt/nuxt/issues/12013",0.7336938,["Reactive",3048],{},["Set"],["ShallowReactive",3051],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQXLAFPhOnQR_rY3PoDt7Mk9_PyvcxpHgnc8PsBv3yis":-1},"/nuxt/ui/2872"]