<script setup>
  const host = hostname()
  
  useHead({
    htmlAttrs: [
      { lang: 'en'}
    ],
    link: [
      { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
      { rel: 'icon', sizes: '32x32', href: '/favicon-32x32.png' },
      { rel: 'icon', sizes: '16x16', href: '/favicon-16x16.png' },
      { rel: 'manifest', href: '/site.webmanifest' },
      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#14c670' },
    ],
    meta: [
      { name: 'msapplication-TileColor', content: '#042816' },
      { name: 'theme-color', content: '#ffffff' }
    ],
    script: [
      {  defer: 'true', 'data-domain': host, src: 'https://pa.tinysites.com/js/latest.js' }
    ]
  })
</script>

<template>
  <Header></Header>
  <main>
    <div class="error">
      <h1>404</h1>
      <h2>Page not found</h2>
      <NuxtLink to="/">Homepage</NuxtLink>
    </div>
  </main>
  <Footer></Footer>
</template>
