<!--
Définit les balises meta de la page
-->
<template>
  <div />
</template>

<script setup lang="ts">
import type { PropType } from 'vue'

const props = defineProps({
  title: {
    type: String as PropType<string | (() => string)>,
    required: true,
  },
  description: {
    type: String as PropType<string | (() => string)>,
    required: true,
  },
  image: {
    type: String as PropType<string | (() => string) | null>,
    required: false,
    default: '/images/logos/opentalent/Logo_Opentalent-gris.png',
  },
})

useSeoMeta({
  title: props.title,
  ogTitle: props.title,
  twitterTitle: props.title,
  description: props.description,
  ogDescription: props.description,
  twitterDescription: props.description,
  ogImage: props.image,
  twitterImage: props.image,
  twitterCard: 'summary_large_image',
  ogType: 'website',
  ogLocale: 'fr_FR',
})
</script>
