<Suspense> — это встроенный компонент, который координирует async dependencies в дереве компонентов — он показывает fallback (loading UI) до тех пор, пока все вложенные асинхронные операции не разрешатся, а затем отображает реальное содержимое. Он устраняет ручной boilerplate isLoading.
Два слота
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
