<script setup lang="ts">
const config = useAppConfig()
const meta = {
  title: 'Page not found',
  description:
    'The page you are looking for does not exist. It might have been removed, had its name changed, or is temporarily unavailable.',
  image: `${config.url}/images/logo.png`,
  url: config.url,
}

useSeoMeta({
  title: meta.title,
  description: meta.description,
  ogTitle: meta.title,
  ogDescription: meta.description,
  ogImage: meta.image,
  ogUrl: meta.url,
  ogType: 'website',
  twitterTitle: meta.title,
  twitterDescription: meta.description,
  twitterImage: meta.image,
  twitterCard: 'summary',
})

useHead({
  title: 'Page not found',
  htmlAttrs: {
    lang: config.locale || 'en',
  },
  link: [
    {
      rel: 'icon',
      type: 'image/x-icon',
      href: '/favicon.ico',
    },
  ],
})
</script>

<template>
  <NotFound />
</template>
