defineAsyncComponent

const HeavyComponent = defineAsyncComponent(
  () => import("./HeavyComponent.vue")
)

---template---
<Suspense>
  <template #default>
    <div id="content">Konten async dimuat</div>
  </template>
  <template #fallback>
    <div id="loading">Memuat...</div>
  </template>
</Suspense>

Async component hanya di-load saat dibutuhkan — mengurangi bundle size.