I'm developing a project with Nuxt 3 and Vue 3 and I'm experiencing an issue with layout transitions: they're not working and the page stays blank. I created a Stackblitz for you to check the issue I'm experiencing: https://stackblitz.com/~/github.com/elisabetperez/nuxt-layouts
I've got two layouts: full and sidenav. I've got two pages too: index.vue and library.vue. Each of them has the name of the layout they need defined in definePageMeta. In addition to this, nuxt.config.ts has the layoutTransition defined and the style of the transition is defined in app.vue just like the documentation states. What am I missing? Thanks!
Environment details:
- Operating System: Darwin
- Node Version: v16.19.0 Nuxt Version: 3.10.0
- CLI Version: 3.10.0 Nitro Version: 2.8.1
- Package Manager: [email protected]
- Builder: - User
- Config: devtools, modules, sanity, css, supabase, app, vite
- Runtime Modules: @nuxtjs/[email protected], @nuxtjs/[email protected]
- Build Modules: -
Reproduction https://stackblitz.com/~/github.com/elisabetperez/nuxt-layouts