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

<script setup>
useSeoMeta({
  title: 'webfussel | mehr Fussel im Web by Fiona Urban',
  description: 'Headless CMS, Components & APIs by Fiona Urban. Storyblok, FirstSpirit, Nuxt.',
  author: 'webfussel',
  robots: 'index, follow',
  themeColor: '#2a2723',
  ogTitle: 'webfussel | mehr Fussel im Web',
  ogDescription: 'Headless CMS, Components & APIs by Fiona Urban. Storyblok, FirstSpirit, Nuxt.',
  ogImage: '/img/og.webp',
  ogImageAlt: 'Das webfussel Logo auf einem dunklen Hintergrund',
  ogUrl: 'https://webfussel.de',
  twitterTitle: 'webfussel | mehr Fussel im Web',
  twitterDescription: 'Headless CMS, Components & APIs by Fiona Urban. Storyblok, FirstSpirit, Nuxt.',
  twitterImage: '/img/og.webp',
  twitterImageAlt: 'Das webfussel Logo auf einem dunklen Hintergrund',
  twitterUrl: 'https://webfussel.de',
})
</script>

<style>
.page-enter-active,
.page-leave-active {
  transition: all 200ms;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(.5rem);
}
</style>
