import { absUrl, siteConfig as s } from "#shared/config/site";

/** Site-wide <head> defaults shared by the app shell and the error page. */
export function useSiteSeo() {
  useHead({
    titleTemplate: (title) => (title ? `${title} | ${s.name}` : s.title),
  });

  useSeoMeta({
    description: s.description,
    themeColor: s.themeColor,
    formatDetection: "telephone=no",
    ogType: "website",
    ogSiteName: s.name,
    ogLocale: s.locale,
    ogTitle: s.title,
    ogDescription: s.description,
    ogImage: absUrl(s.ogImage.src),
    ogImageWidth: s.ogImage.width,
    ogImageHeight: s.ogImage.height,
    ogImageAlt: s.ogImage.alt,
    twitterCard: "summary_large_image",
    twitterTitle: s.title,
    twitterDescription: s.description,
    twitterImage: absUrl(s.ogImage.src),
    twitterImageAlt: s.ogImage.alt,
  });
}