Запускается ли useAsyncData только после того как отработает middleware

useAsyncData в Nuxt 3 выполняется на клиенте после завершения работы middleware. Middleware выполняется на сервере во время SSR и на клиенте при навигации. useAsyncData же запускается только после того, как страница полностью загружена на клиенте и middleware завершил свою работу.

Пример:

// middleware/auth.ts
export default defineNuxtRouteMiddleware((to) => {
  if (!isAuthenticated()) {
    return navigateTo('/login')
  }
})

// page.vue
const { data } = await useAsyncData('user', () => fetchUser())
// Будет вызван только после проверки auth middleware

Важно: при SSR данные для useAsyncData могут быть получены на сервере, но сам хук все равно ждет завершения middleware.