Document-driven layout makes useRoute().meta.layout inconsistent

[Tahul]

Environment

Nuxi 3.4.1

------------------------------
- Operating System: Linux
- Node Version:     v16.14.2
- Nuxt Version:     3.4.1
- Nitro Version:    2.3.3
- Package Manager:  npm@7.17.0
- Builder:          vite
- User Config:      modules, content
- Runtime Modules:  @nuxt/content@2.5.2
- Build Modules:    -
------------------------------

Reproduction

https://stackblitz.com/edit/github-fhzzwf?file=layouts/custom.vue

• Open the index page
  • Console is clean; page renders
• Open /about page using custom.vue layout
  • Console throws hydration error
  • The object printed on page flickers once the page mounts

Describe the bug

When printing useRoute().meta, the layout key seem to be defined on server-side, but becomes undefined once the app appears.

Additional context

No response

Logs

No response

[Tahul]

spotted by @bdrtsky while working on nuxt-themes/docus