app.vue

<script setup lang="ts">
const title = 'atelierAnchor'
const description = 'graphic & typeface design studio in shanghai. we make typeface as A narrative.'
const url = 'https://atelier-anchor.com'
const date = new Date(import.meta.env.VITE_BUILD_DATE as string)

useHead({
  titleTemplate: (name) => (name ? `${name} · ${title}` : title),
  link: [{ rel: 'icon', href: '/favicon.png' }],
  meta: [
    { name: 'copyright', content: `© ${date.getFullYear()} ${title}` },
    { name: 'build-time', content: date.toISOString() },
  ],
  htmlAttrs: {
    lang: 'en',
  },
})
useServerSeoMeta({
  description,
  twitterCard: 'summary',
  twitterSite: '@atelier_anchor',
  twitterTitle: title,
  twitterDescription: description,
  ogType: 'website',
  ogUrl: url,
  ogTitle: title,
  ogDescription: description,
})
</script>

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