Inconsistent Blank State and Mount Timing Issues When Using PageTransitions in Nuxt 3

[citrusjunoss]

Environment

---

• Operating System: Darwin
• Node Version: v16.20.0
• Nuxt Version: 3.8.0
• CLI Version: 3.9.1
• Nitro Version: 2.7.0
• Package Manager: yarn@1.22.19
• Builder: -
• User Config: devServer, telemetry, imports, srcDir, app, router, runtimeConfig, css, vite, modules, nitro, routeRules, build
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/~/github.com/citrusjunoss/nuxt-demo

Describe the bug

There is an inconsistent blank state between the two pages when pageTransitions is set to true in the official demo. Here is an issue - during the animation, the next page's mounted event has already been triggered but the DOM has not rendered yet. Operating on the DOM in the mounted event will lead to errors.

Additional context

No response

Logs

No response

[danielroe]

Same issue as #13471 - but I'm sure you'll be delighted to hear that this should now be resolved in vue 3.3.7.