<script setup lang="ts">
import { Toaster } from '@/components/ui/sonner';
import 'vue-sonner/style.css';

import { getWarrens } from './lib/api/warrens';

const store = useWarrenStore();

store.warrens = await getWarrens();
</script>

<template>
    <Toaster class="pointer-events-auto" />

    <NuxtRouteAnnouncer />
    <NuxtLoadingIndicator />
    <NuxtLayout>
        <NuxtPage />
    </NuxtLayout>
</template>

<style>
html,
body,
#__nuxt,
#__layout {
    width: 100%;
    height: 100%;
}

* {
    font-family: 'TikTok Sans', sans-serif;
}
</style>
