feat(page): render changelog markdown

apps/page/package.json

@@ -21,6 +21,7 @@
     "@types/react-dom": "^18.3.1",
     "astro": "^4.16.7",
     "date-fns": "^4.1.0",
+    "marked": "^14.1.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tailwindcss": "^3.4.14",

apps/page/src/pages/[id].astro

@@ -3,6 +3,7 @@ import type { PageByIdOutput } from '@boring.tools/schema'
 import { Separator } from '@boring.tools/ui'
 import type { z } from 'astro/zod'
 import { format } from 'date-fns'
+import { marked } from 'marked'
 
 type PageById = z.infer<typeof PageByIdOutput>
 const url = import.meta.env.DEV
@@ -55,9 +56,7 @@ const data: PageById = await response.json()
 											}
 										</div>
 
-										<p>
-											{version.markdown}
-										</p>
+											<div set:html={marked.parse(version.markdown ?? "")} />
 									</div>
 								)
 							})}
@@ -89,10 +88,7 @@ const data: PageById = await response.json()
 											</p>
 											}
 										</div>
-
-										<p>
-											{version.markdown}
-										</p>
+										<div class="page" set:html={marked.parse(version.markdown ?? "")} />
 									</div>
 								)
 							})}

packages/ui/src/global.css

@@ -85,4 +85,12 @@
       "rlig" 1,
       "calt" 1;
   }
+
+  .page h3 {
+    @apply text-2xl my-2;
+  }
+
+  .page ul {
+    @apply list-disc ml-6;
+  }
 }