Layout With Nested Page Panel on the Right
Hi everyone! I’m building an app in Nuxt 3 with a layout like this (see image attached).
Sometimes (based on the route), I want to show a nested page panel on the right of the main page, without replacing it.
Use case:
* There's a persistent layout with:
* Left-side Sidebar
* Top page (Nested layout)
* Header
* Toolbar (Tabs for nested pages)
* Page view
* Optional side panel (Nested page)
* A side panel for details
Think:
Is this possible without repeating the nested layout for each page (which will cause issues on animations etc)?
I guess the following issues potentially could solve this:
https://github.com/nuxt/nuxt/issues/23929
https://github.com/nuxt/nuxt/issues/24541
See the Nuxt UI Pro Dashboard template (inbox page) for reference on basic idea - but my usecase requires a selected message as a nested route and that the "inbox" page has multiple nested routes
https://dashboard-template.nuxt.dev/inbox
Sometimes (based on the route), I want to show a nested page panel on the right of the main page, without replacing it.
Use case:
* There's a persistent layout with:
* Left-side Sidebar
* Top page (Nested layout)
* Header
* Toolbar (Tabs for nested pages)
* Page view
* Optional side panel (Nested page)
* A side panel for details
Think:
Is this possible without repeating the nested layout for each page (which will cause issues on animations etc)?
I guess the following issues potentially could solve this:
https://github.com/nuxt/nuxt/issues/23929
https://github.com/nuxt/nuxt/issues/24541
See the Nuxt UI Pro Dashboard template (inbox page) for reference on basic idea - but my usecase requires a selected message as a nested route and that the "inbox" page has multiple nested routes
https://dashboard-template.nuxt.dev/inbox
