    ---
    import { SITE, OPEN_GRAPH, type Frontmatter } from "../consts";
    import { getTitle } from "../util";

    export interface Props {
    	frontmatter?: Omit
    ;
    	canonicalUrl: URL;
    }

    const { frontmatter, canonicalUrl } = Astro.props as Props;
    const formattedContentTitle = getTitle(frontmatter);
    const imageSrc = frontmatter?.image?.src ?? OPEN_GRAPH.image.src;
    const canonicalImageSrc = new URL(imageSrc, Astro.site);
    const imageAlt = frontmatter?.image?.alt ?? OPEN_GRAPH.image.alt;
    ---