Navigation through pages won't change entire layout

[NathanAP]

Hey guys!

I have a situation here in my project. I have two layouts: one is called empty, because it has no navbar or appbar. The other is the
default, because it is the filled one.

Now, I have two routes: the login (which is "" or "/") using the empty layout and the home (which is "/home") using the default layout. When I navigate from login to home, everything is great, but if I doing the inverse, my login is appearing in the default layout.

The really strange part is that if I open a new tab in home and navigate to login, it works just like it should. Any idea what could be causing it?

Here are some images:

This is the login code with the "empty layout" as parameter.

This is the home code with the "default layout" as parameter.

This is how my problem looks like.

[NathanAP]

Ah ok! I found out. It was because I'm using Vuetify and I had their v-main in both layouts instead of just one. 😥