[Vuejs]-Vue3 – Suspense not rendering fallback

You’re incorrectly applying the <Suspense> in the same component that has async setup. The <Suspense> needs to be in an ancestor (i.e., any component between the root and the component using async setup).

The fact that your component renders at all without error implies you already have a <Suspense> in an ancestor, so the solution here is to remove the one inside your async setup component, or move the <Suspense> to a wrapper that renders your fallback.