routeRules: {
    "/**": { prerender: true },
}

routeRules: {
    "/**": { prerender: true },
}

<!-- some SPA page -->
<template>
  <!-- ready is a ref from the custom loading screen logic -->
  <ClientOnly v-if="ready">
    <!-- page -->
  </ClientOnly>
</template>

<!-- some SPA page -->
<template>
  <!-- ready is a ref from the custom loading screen logic -->
  <ClientOnly v-if="ready">
    <!-- page -->
  </ClientOnly>
</template>

// app.css.ts

export default `
.raw {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
}
`

// app.css.ts

export default `
.raw {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
}
`

<!-- app.vue -->

<script setup lang="ts">

import appcss from "~/app.css"

useHead({
    style: [appcss]
})

</script>

<template>
  <div class="raw">
  </div>
</template>

<!-- app.vue -->

<script setup lang="ts">

import appcss from "~/app.css"

useHead({
    style: [appcss]
})

</script>

<template>
  <div class="raw">
  </div>
</template>