Hydration style mismatch on <VMain />

[Endermanch]

This should be fixed ASAP

The most basic functionality of providing the layout for the application is broken.

Reproduction:

<VApp full-height theme="light">
  <VLocaleProvider locale="ru">
    <VLayout>
      <NuxtLoadingIndicator />
      <NuxtLayout>
        <Header /> <!-- vappbar + vnavigationdrawer -->
        <VMain>
          <NuxtPage />
        </VMain>
        <LazyFooter app /> <!-- vfooter -->
      </NuxtLayout>
    </VLayout>
  </VLocaleProvider>
</VApp>

Temporary resolution:
Just hardcode the styles. This will break if any of the layout elements have dynamic width/height.

<VMain
  style="
    --v-layout-left: 0px;
    --v-layout-right: 0px;
    --v-layout-top: 110px;
    --v-layout-bottom: 300px;
  "
>

[userquin]

Try moving the content to layouts/default.vue: check https://github.com/userquin/nuxt-vuetify-issue-205-v-issue-19015/tree/nuxt-vuetify-issue-232 (there is a PR with the changes).

It seems Vuetify with same problem related to #205 (comment) (when enabling ssr client hints we get missmatch warning about drawer z-index, when disabling ssr client hints the missmatch warning about app footer left position)