Vue · Middle · Question 59 of 75

What does `<Suspense>` do with a component that has a top-level `await` in `<script setup>`?

✓Correct answer: Shows the #fallback slot until all async dependencies in the default slot resolve
2Cancels the async work
3Renders the component twice

Explanation

Without a <Suspense> ancestor such a component won't render. <Suspense> is still marked experimental.

Further reading

Vue: Suspense ↗

Test yourself

Take the Vue · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.