<Suspense> ایک built-in کمپوننٹ ہے جو اپنے کمپوننٹ ٹری میں async dependencies کو منظم کرتا ہے — یہ ایک fallback (loading UI) دکھاتا ہے جب تک تمام nested async آپریشنز مکمل نہ ہو جائیں، پھر اصل content دکھاتا ہے۔ یہ manual isLoading boilerplate کو ختم کرتا ہے۔
دونوں slots
<template>
<Suspense>
<template #default>
<UserDashboard /> <!-- a component with async setup -->
</template>
<template #fallback>
<LoadingSpinner /> <!-- shown while #default is resolving -->
</template>
</Suspense>
</template>
