--- // Import the global.css file here so that it is included on // all pages through the use of the component. import '../styles/global.css'; import { SITE_TITLE, SITE_METADATA } from '../consts'; interface Props { title: string; description: string; image?: string; } const canonicalURL = new URL(Astro.url.pathname, Astro.site); const { title, description, image } = Astro.props; const finalTitle = title || SITE_METADATA.title.default; const finalDescription = description || SITE_METADATA.description; const finalImage = image || SITE_METADATA.openGraph.images[0].url; const imageURL = new URL(finalImage, Astro.url); --- {SITE_METADATA.icons.icon.map((icon) => ( ))} {SITE_METADATA.icons.apple.map((icon) => ( ))} {SITE_METADATA.icons.shortcut.map((icon) => ( ))} {finalTitle}