Page content is loaded asynchronously from the layout

[ilyaDegtyarenko]

Environment

Yarn v1.22.19, Nuxt 3.0.0-rc.11 with Nitro 0.5.4 , SSR

Reproduction

Reproduction: https://stackblitz.com/edit/nuxt-starter-mdckcn?file=pages/other.vue

Describe the bug

When you navigate on client side to a page with an asynchronous request without caching it (or another asynchronous script), the page content is loaded with a delay, while the layout has changed earlier

In my example, I guess that this is because the request is executed repeatedly on the client after server and because of this content of the page on client is waiting for execution of an asynchronous script

Additional context

Request example:

const { data } = await useFetch('[url]', { initialCache: false })

Logs

No response

[ilyaDegtyarenko]

@danielroe maybe you can give some advice on how to prevent this? So that the page content changes simultaneously with the layout

[danielroe]

I'm afraid this is currently pending this PR in vue core: vuejs/core#6736.

[danielroe]

Let's track in #14467.