mirror of
https://github.com/ArthurDanjou/nuxt-starter.git
synced 2026-01-14 12:14:38 +01:00
73 lines
1.3 KiB
Vue
73 lines
1.3 KiB
Vue
<template>
|
|
<Html
|
|
:dir="head.htmlAttrs.dir"
|
|
:lang="head.htmlAttrs.lang"
|
|
>
|
|
<Head>
|
|
<template
|
|
v-for="link in head.link"
|
|
:key="link.id"
|
|
>
|
|
<Link
|
|
:id="link.id"
|
|
:href="link.href"
|
|
:hreflang="link.hreflang"
|
|
:rel="link.rel"
|
|
/>
|
|
</template>
|
|
<template
|
|
v-for="meta in head.meta"
|
|
:key="meta.id"
|
|
>
|
|
<Meta
|
|
:id="meta.id"
|
|
:content="meta.content"
|
|
:property="meta.property"
|
|
/>
|
|
</template>
|
|
</Head>
|
|
<Body>
|
|
<div>
|
|
<NuxtLoadingIndicator color="#808080" />
|
|
<UContainer>
|
|
<NuxtPage />
|
|
</UContainer>
|
|
</div>
|
|
</Body>
|
|
</Html>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
useHead({
|
|
link: [{ rel: 'icon', type: 'image/png', href: '/favicon.ico' }]
|
|
})
|
|
|
|
const head = useLocaleHead({
|
|
addDirAttribute: true,
|
|
identifierAttribute: 'id',
|
|
addSeoAttributes: true
|
|
})
|
|
</script>
|
|
|
|
<style>
|
|
body {
|
|
font-family: 'DM Sans', sans-serif;
|
|
@apply h-full w-full text-neutral-700 dark:text-neutral-300;
|
|
}
|
|
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(-5px);
|
|
}
|
|
|
|
.page-enter-from {
|
|
opacity: 0;
|
|
transform: translateY(5px);
|
|
}
|
|
</style>
|