<template>
  <UApp>
    <div class="brand-shell text-[#fef9f0]">
      <NuxtRouteAnnouncer />
      <NuxtLayout>
        <NuxtPage />
      </NuxtLayout>
    </div>
  </UApp>
</template>

<script setup lang="ts">
// Signal that the app is ready
onMounted(() => {
  // Add class to HTML element to hide loading screen
  if (process.client) {
    // Small delay to ensure everything is painted
    setTimeout(() => {
      document.documentElement.classList.add('nuxt-ready')
    }, 100)
  }
})
</script>
