--- import Header from "@/components/Header.astro"; import Footer from "@/components/Footer.astro"; import { siteConfig } from "@/config"; import "@/styles/global.css"; interface Props { title?: string; description?: string; canonical?: string; } const { title = siteConfig.name, description = siteConfig.description, canonical = Astro.url.pathname } = Astro.props; const pageTitle = title === siteConfig.name ? title : `${title} | ${siteConfig.name}`; const canonicalUrl = Astro.site ? new URL(canonical, Astro.site) : undefined; --- {canonicalUrl && } {canonicalUrl && } {pageTitle}