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

<script setup lang="ts">
const { c } = useContent()
const { add } = useToast()
const shown = useCookie('cookie-toast-shown', { maxAge: 60 * 60 * 24 * 7 })

onMounted(() => {
  console.log("MIAU", c.value)
  if (!shown.value) {
    add({
      title: c.value.cookies.title,
      description: c.value.cookies.description,
      timeout: 8000,
      color: 'primary',
      icon: 'i-heroicons-shield-check',
      ui: {
        position: "bottom-center"
      }
    })
    shown.value = true
  }
})
</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: opacity 0.15s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
}
</style>