Yes, both components have IonPage component, here’s what they look like:
<ion-page>
<ion-header :translucent="true" class="ion-no-border">
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="/dashboard"></ion-back-button>
</ion-buttons>
<ion-title>Account</ion-title>
</ion-toolbar>
<ion-progress-bar v-if="status !== 'ready'" type="indeterminate"></ion-progress-bar>
</ion-header>
<ion-content>
<!-- my content here -->
</ion-content>
</ion-page>
</template>
<script>
import { /* whole bunch of imports */ } from "@ionic/vue";
import { computed, onMounted, ref, inject } from "vue";
import { useRouter, useRoute } from "vue-router";
import { auth, db } from "@/main";
import { useMainStore } from "@/stores/main";
import { until } from '@vueuse/core'
export default {
name: "Account",
components: { /* ... */ },
setup() {
const mainStore = useMainStore();
const router = useRouter();
onMounted(async () => {
console.log('Account mounted');
try {
await until(account).toBeTruthy({ timeout: 5000, throwOnTimeout: true })
return await fetchJournals();
} catch(e) {
console.error(e);
}
});
return { /* ... */ };
},
};
</script>```