<script setup lang="ts">
const { locale } = useI18n();

const app = useAppStore();
const pageTitle = computed(() => {
  if (!app.booted) return "Pihkaal";
  const name = app.screen.charAt(0).toUpperCase() + app.screen.slice(1);
  return `${name} - Pihkaal`;
});

useHead({
  title: pageTitle,
  htmlAttrs: { lang: locale },
});
</script>

<template>
  <UApp>
    <NuxtPage />
  </UApp>
</template>
