v-app-bar component bug since update my dependencies

Question

I'm new here.

I use the vueJS and vuetify framework for almost 1 year and the v-app-bar component bug since I updated all my dependencies.

My version of vue js : 2.6.11 My version of vuetify before the bug : 2.2.3

I took screenshots and modified them with paint. I highlighted the divs with a black fill and yellow border.

As shown in the following picture :

• I have an app-bar upstairs,
• a navigation-drawer under the app bar on the left side of the screen
• a v-content under the app bar in the middle

picture before bug

So far, so good. Yesterday I updated my dependencies (which I will do more often now). Below is the update:

picture maj

My version of vuetify with the bug : 2.2.18

Then by relaunching the application, my bug appears.

• The app bar is still on top - OK
• The navigation-drawer does not take into account the app bar and is placed behind it and in top 0 - KO
• The v-content has the same behaviour as the navigation-drawer - KO

All divs below the app-bar do not calculate the app-bar. But be careful, the weird thing is that this bug disappears when I refresh the page.

Look at the following image that shows the bug:

picture now bug

To better understand I have highlighted the divs above the app bar in the following image:

picture better now bug

What has changed in "vuetify" to have creating this bug?

I've tried to improve my architecture but I always find this bug.

EDIT

I found the version of vuetify when the bug appears : 2.2.5

FIXED

The problem was due to my architecture. Thanks to the community for the help.