Add support for suspense when mounting components

[pleek91]

Description

When defining routes you can define a props function that can be async. By default this does not require suspense to be used. But with this update to the component utils suspense will be used if it is detected.

This makes it possible to use suspense's fallback for loading states.

<Suspense>
  <template #fallback>
    <span>Loading</span>
  </template>

  <RouterView/>
</Suspense>

[netlify]

✅ Deploy Preview for kitbag-router ready!

Name	Link
🔨 Latest commit	e97f912
🔍 Latest deploy log	https://app.netlify.com/sites/kitbag-router/deploys/6757a10f3c3ba90008bcb491
😎 Deploy Preview	https://deploy-preview-359--kitbag-router.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pleek91]

Hmm not sure why the test runner doesn't like Promise.withResolvers. Added ESNext to the tsconfig and it runs locally 🤔

Edit: Updating the node version fixed it.

[pleek91]

@stackoverfloweth this is the best way I could figure out to check if the component is within a suspense boundary. This is a private part of the vue api. But if suspense is null that means there's no suspense boundary.

[stackoverfloweth]

nice 👏