fix: Style won't applied on the first page load

[LazyGeniusMan]

🐛 The bug

I'm trying this and got something weird. For some reason, the style won't applied correctly on the first page load but it's get loaded when I remove/add <ion-app> element in layouts/default.vue but when it's got refreshed the style disappear again. This happen both in yarn dev and yarn generate when served via caddy webserver.

🛠️ To reproduce

https://stackblitz.com/github/lazygeniusman/nuxt-ionic

🌈 Expected behaviour

The style applied correctly on the first load.

ℹ️ Additional context

No response

[Tragio]

Hi @LazyGeniusMan

Can you try removing the following from the app.vue:

<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

Nuxt utilities like definePageMeta will continue to work, but you should avoid using <NuxtPage> or <NuxtLayout>.