Handle code in frontmatter description

Author: xl0

docs/src/lib/components/doc-page-header.svelte

@@ -8,6 +8,7 @@
 	import { page } from "$app/state";
 	import Check from "phosphor-svelte/lib/Check";
 	import CopyPageDropdown from "./copy-page-dropdown.svelte";
+	import { parseMarkdown } from "$lib/utils/markdown.js";
 
 	let { metadata }: { metadata: DocMetadata } = $props();
 
@@ -28,7 +29,7 @@
 		<span aria-hidden="true" class="hidden"> Documentation </span>
 	</PageHeaderHeading>
 	<PageHeaderDescription class={metadata.llms ? "" : "mb-11"}
-		>{metadata.description}</PageHeaderDescription
+		>{@html parseMarkdown(metadata.description, undefined)}</PageHeaderDescription
 	>
 	{#if metadata.llms}
 		<span aria-hidden="true" class="hidden">

docs/src/lib/utils/markdown.ts

@@ -1,6 +1,9 @@
-export function parseMarkdown(text: string) {
+
+// 
+export function parseMarkdown(text: string, codeFontSize: number | undefined = 12) {
+	const codeClass = codeFontSize ? `text-[${codeFontSize}px]!` : '';
 	return text
-		.replace(/`([^`]+)`/g, "<Code neutral class='text-[12px]!'>$1</Code>")
+		.replace(/`([^`]+)`/g, `<Code neutral class='${codeClass}'>$1</Code>`)
 		.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
 		.replace(/\*([^*]+)\*/g, "<em>$1</em>")
 		.replace(/_([^_]+)_/g, "<em>$1</em>")