--- import { Image, getImage } from "astro:assets"; import defaultOg from "@assets/default-og.webp"; import cow from "@assets/cow.webp"; import Socials from "@components/Socials.astro"; import IconLink from "@components/IconLink.astro"; import "@styles/style.css"; import type { ImageMetadata } from "astro"; export interface Props { title: string; appendTitle?: boolean; description?: string; keywords?: string[]; og?: { src: ImageMetadata; alt: string; }; } const { title, appendTitle, description: oldDescription, keywords, og: oldOg } = Astro.props; const og = { src: ( await getImage({ src: oldOg?.src ?? defaultOg, format: "webp" }) ).src, alt: oldOg?.alt ?? "Ben C's Profile Picture" }; og.src = `${Astro.url.origin}${og.src}`; const description = oldDescription ?? "Ben C's software development portfolio"; const fullTitle = (appendTitle ?? true) ? `${title} | Ben C` : title; const canonical = Astro.url.toString(); --- {fullTitle}