feat(css): ✨ add gfm css

2024-07-01 13:17:06 +02:00 · 2024-07-01 13:17:06 +02:00 · 5e2acb0eb8
parent 01e007939d
commit 5e2acb0eb8
2 changed files with 15 additions and 0 deletions
--- a/routes/_app.tsx
+++ b/routes/_app.tsx
@ -38,6 +38,7 @@ export default function App({ Component }: PageProps) {
 					type='image/x-icon'
 				/>
 				<link rel='stylesheet' href={asset('/main.css')} />
+				<link rel="stylesheet" href={asset('/imports/markdown_css')} />
 			</Head>
 			<body>
 				<Header />
--- a/routes/imports/markdown_css.ts
+++ b/routes/imports/markdown_css.ts
@ -0,0 +1,14 @@
+import { Handlers } from '$fresh/server.ts'
+import { CSS, KATEX_CSS } from 'gfm'
+
+export const handler: Handlers = {
+    GET() {
+        const styles = CSS + KATEX_CSS
+        return new Response(styles, {
+            headers: {
+                'Content-Type': 'text/css; charset=utf-8',
+                // TODO add cache headers and eTag
+            },
+        })
+    },
+}