diff --git a/apps/web/content/blog/build-time-components.mdx b/apps/web/content/blog/build-time-components.mdx
index 597ed958..e7be8af9 100644
--- a/apps/web/content/blog/build-time-components.mdx
+++ b/apps/web/content/blog/build-time-components.mdx
@@ -235,8 +235,9 @@ We also have a <WithTooltip name="two">_`function LinkWithCard({ href, children,
 
 !isCode true
 
-```jsx scraper.js
+```jsx scraper.js -c
 const regex = /<meta property="og:image" content="([^"]+)"/
+
 export async function scrape(url) {
   const res = await fetch(url)
   const html = await res.text()
@@ -251,7 +252,7 @@ export async function scrape(url) {
 
 !isCode true
 
-```jsx card.jsx
+```jsx card.jsx -c
 // !link[/(http.*?$)/] https://ui.shadcn.com/docs/components/hover-card
 // from https://ui.shadcn.com/docs/components/hover-card
 import {
@@ -328,7 +329,7 @@ function rehypeLinkImage() {
     const promises = links.map(async (node) => {
       const url = node.properties.href
       const { image } = await scrape(url)
-      node.properties["data-image"] = image
+      node.properties["dataImage"] = image
     })
     await Promise.all(promises)
   }
diff --git a/apps/web/content/blog/type-safe-markdown.mdx b/apps/web/content/blog/type-safe-markdown.mdx
new file mode 100644
index 00000000..6244388f
--- /dev/null
+++ b/apps/web/content/blog/type-safe-markdown.mdx
@@ -0,0 +1,9 @@
+---
+title: Type-safe Markdown
+description: test description
+date: 2024-06-20
+authors: [pomber]
+draft: true
+---
+
+test