Vue version

vue 3 / nuxt 3

Link to minimal reproduction

https://stackblitz.com/edit/nuxt-starter-9hjp9u?file=README.md

Steps to reproduce

1. navigate via link on initial page.

What is expected?

The transition should have an appear and the routing transition should be clean and not "cut off".

What is actually happening?

1. The transition should be clean but is "popping" in.

2. The after-appear hook is not running. (so appear can not be used)

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz
    Memory: 7.15 GB / 15.73 GB
  Binaries:
    Node: 16.13.2 - C:\Program Files\nodejs\node.EXE
    npm: 8.3.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (102.0.1245.33)
    Internet Explorer: 11.0.22000.120

Any additional comments?

No response

If this is a Nuxt only issue, please report to Nuxt. If you believe this behavior is not specific to Nuxt, please provide a reproduction without Nuxt involved.