Как заблокировать Хедер и Футер пока не отработает useAsyncData?

Question

[Андрей Чирков]

В файле App.vue:

<div class="app">
    <app-header />
    <NuxtPage />
    <app-footer />
</div>

Функция в Nuxt 2 asyncData() раньше блокировала ВСЮ страницу, включая всё, что лежит вне страниц (то есть и хедер и футер тоже).

В Nuxt 3 useAsyncData отображает всё равно хедер и футер, и только потом отображается то, что загрузилось в середину.
И происходит скачек: футер прилипает к хедеру на долю секунды, а потом туда вставляется контент (в середину).

Как заблокировать отображение всей страницы, до полной отработки запросов в useAsyncData?

Answer 1

[WapSter]

Ничего не блокировалось. Если это первое открытие документа, то страница не собирается пока asyncData не получит результат, если это переход по страницам, то содержимое страницы поменяется в момент когда отработает asyncData

Comments

[Андрей Чирков]

Вы точно говорите про Nuxt 3 ?

[WapSter]

Андрей Чирков, уверен