40 lines
1.1 KiB
Vue
Executable file
40 lines
1.1 KiB
Vue
Executable file
<template>
|
|
<section class="bg-radial">
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup>
|
|
useSeoMeta({
|
|
title: 'Home',
|
|
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',
|
|
ogIcon: '/favicon.ico',
|
|
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>
|