Nested NuxtPage does not work?
I have a website with a "store" page, and inside of it there is a "ranks" child page. If I go to the /store/ranks path, the "ranks" page will be displayed, not inside the "store" template, as I wanted. For app.vue, I use NuxtPage to display pages like "store." So does it mean NuxtPage cannot be nested in each other?
I added 3 photos: folder structure, app.vue, and store.vue page.
3 Replies
So, in two words, I'm trying to use NuxtPage in app.vue to display top level pages, and another one NuxtPage inside the "store.vue" page to display its child "ranks" page inside of it's layout. I was only able to make it work by using a layout for "store.vue" and NuxtLayout in app.vue, but I don't understand the point of layout in this case.
Create a folder named index inside the store folder, and place ranks.vue and services.vue
It worked, thanks!