You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
preFetch is handled by the Quasar framework internally, it is not a part of Vue. It seems that components with preFetch are not converted to async components by Quasar and Suspense works only with async components or async setup function according to docs
You should use Quasar's loading state instead. Suspense works well in this scenario if we make the component async as stated in Vue docs, for instance, if we add await sleep(2000) in the AboutPage body we will see the loader for 2 seconds after the component has been fetched.
Probably, it is a feature request to Quasar's team to make their components with preFetch work with Suspense
Please, correct me if I am wrong this is an issue related to Vue and further investigation is required.
Vue version
3.4.21
Link to minimal reproduction
https://github.com/fengjac/ssr-suspense-demo
Steps to reproduce
What is expected?
Show Loading... label (loading state) when I click About nav. And then after the API call done, show About page
What is actually happening?
No loading state when I click About nav
System Info
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: