---
import "../styles.css";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import { SITE, imageSrc } from "../lib/blog-data.js";
const {
title = `${SITE.name}`,
description = SITE.description,
canonical,
ogType = "website",
ogImage,
jsonLd,
flushFooter = false,
} = Astro.props;
const siteUrl = Astro.site?.toString() || SITE.url;
const absoluteUrl = (value) => {
const src = imageSrc(value) || value;
if (!src) return undefined;
try {
return new URL(src, siteUrl).toString();
} catch {
return src;
}
};
const canonicalUrl = absoluteUrl(canonical || Astro.url.pathname);
const ogImageUrl = absoluteUrl(ogImage);
---
{title}
{canonicalUrl && }
{ogImageUrl && }
{ogImageUrl && }
{canonicalUrl && }
{
jsonLd && (
)
}
Skip to content