<template>
<ion-page>
<ion-router-outlet></ion-router-outlet>
<suspense>
<template #default>
{{ pages }}
</template>
<template #fallback>
<div>Loading...</div>
</template>
</suspense>
</ion-page>
</template>
...
async setup() {
const storageRef = storage.ref();
const bookRef = storageRef.child("content/books/bk0000001");
const pages = await bookRef.listAll();
console.log({ pages }); // is logged correctly
return { pages }
}
Although it seems to load the content fine but the template is not rendered, the page remains empty neither the default not the fallback content is displayed.
What am I doing wrong?
1 post - 1 participant