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

<script setup>
const { t } = useVariantData()
const { add } = useToast()
const shown = useCookie('cookie-toast-shown', { maxAge: 60 * 60 * 24 * 7 })

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