The scrollBehavior (usually used to scroll to top on route change) animation triggers at the wrong time.

[alexanderhorner]

Environment

Shouldn't matter but:

• Operating System: Darwin
• Node Version: v18.9.1
• Nuxt Version: 3.0.0-rc.11
• Nitro Version: 0.5.4
• Package Manager: npm@8.19.1
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

https://github.com/Willibald-Gluck-Gymnasium/wgg-homepage

Configure the scrollBehavior option of the router like this (standard way to make it scroll to the top on route change):

// app/router.options.ts
import type { RouterOptions } from '@nuxt/schema'

export default <RouterOptions> {
  scrollBehavior() {
    return { top: 0 }
  }
}
``

### Describe the bug

When you trigger a route change (by e.g. clicking on a link), the page _immediately_ scrolls to the top, before the new page even loaded. 

The correct behavior should be completely seamless. You shouldn't see the scroll happening. When the new page renders, it should be at the configured position (usually at the top).

### Additional context

_No response_

### Logs

_No response_

[alexanderhorner]

Referencing configurable scrollBehavior #12732

[danielroe]

Let's track in #13284.