<Suspense> adalah komponen built-in yang mengkoordinasikan dependensi async di pohon komponennya — menampilkan fallback (loading UI) hingga semua operasi async bertingkat terselesaikan, kemudian menampilkan konten sebenarnya. Ini menghilangkan boilerplate isLoading manual.
Mengapa ini penting
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
