What is the 'Suspense' component in Vue 3?

Suspense is a built-in component for orchestrating async dependencies like async setup or async components.

Suspense provides two slots: #default and #fallback. It waits for all nested asynchronous dependencies (components with async setup() or top-level await) to resolve before showing the default content. Until then, it renders the fallback. It's essentially a way to handle loading states at a higher level in the component tree.