How to implement multiple layouts?

[oburlaca]

I'm building a SPA, it has a Login page (just a login button) and several APP pages that has AppBar, BottomNav.
What the best way to have multiple layouts in a SPA?

From the documentation:

v-app should only be rendered within your application ONCE

But then it says:

If you are using multiple layouts in your application you will need to ensure each root layout file that will contain Vuetify components has a v-app at the root of its template.

I'm a bit confused: I need to include v-app in each layout file, but at the same time it should be rendered ONCE.

Are there examples how to build a multiple layout SPA using Vuetify?
The docs about Layouts talks about single layout app.

[AGDholo]

My understanding is that different layouts are used to route the root, and each layout should have v-app.

Example:

My site have the landing page and dashboard, so it need two layout.

https://github.com/AGDholo/shock/tree/master/src/components/root
https://github.com/AGDholo/shock/blob/master/src/router/index.js

[oburlaca]

Is it ok to have <v-app> inside <v-app> ?
Your App.vue file has <v-app>, and front.vue also has a <v-app>, while dashboard.vue doesn't.

[oburlaca]

@AGDholo, thanks for your example, it's similar to the solutions I found.
For ex this one: https://dev.to/lampewebdev/vuejs-pages-with-dynamic-layouts-problems-and-a-solution-4460

But I was thinking I'm doing something wrong, because switching layouts will cause some animation in <v-main>.
I found the issue appears when using <keep-alive>.

Here is a small demo that illustrates the effect: https://github.com/oburlaca/layout-test

Notice the keep-alive in App.vue.
When I switch from MainAppLayout to SimpleLayout and back, there is an animation/transition.

Here is a screencast, notice the scrolling of the list when the layout is switched:

If I remove <keep-alive> from App.vue, the animation disappears, but the components are recreated each time.

So I narrow my initial question to "How to get rid of the animation when switching layouts?".