<Suspense> er en indbygget komponent, der koordinerer async-afhængigheder i sit komponenttræ — den viser en fallback (loading-UI), indtil alle indlejrede async-operationer løses, og viser derefter det rigtige indhold. Den fjerner manuel isLoading boilerplate.
De to slots
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
