From 3f5ec949385ad5b4232e496a3a415e71f3d8a126 Mon Sep 17 00:00:00 2001
From: Mehdi M <hi@mehdi.cc>
Date: Sat, 11 Nov 2023 12:33:18 +0100
Subject: [PATCH] Parse article title Markdown in articles index

---
 vitepress/.vitepress/theme/ArticlesIndexClient.vue |  2 +-
 vitepress/articles.data.mjs                        | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/vitepress/.vitepress/theme/ArticlesIndexClient.vue b/vitepress/.vitepress/theme/ArticlesIndexClient.vue
index ca2b105..bb2bf0c 100644
--- a/vitepress/.vitepress/theme/ArticlesIndexClient.vue
+++ b/vitepress/.vitepress/theme/ArticlesIndexClient.vue
@@ -32,8 +32,8 @@ const dateFormatter = new Intl.DateTimeFormat('en-GB', {
 
 <template>
   <template v-for="({ excerpt, frontmatter: { title, publishedAt, tags }, url }) in data">
+    <h2><a :href="url" v-html="title"/></h2>
 
-    <h2><a :href="url">{{ title }}</a></h2>
     <time :datetime="datetime(new Date(publishedAt), 'year')">{{ dateFormatter.format(publishedAt) }}</time>
 
     <tags v-if="tags" :tags="tags" />
diff --git a/vitepress/articles.data.mjs b/vitepress/articles.data.mjs
index 1fb0f39..eb7652b 100644
--- a/vitepress/articles.data.mjs
+++ b/vitepress/articles.data.mjs
@@ -27,14 +27,16 @@ export default createContentLoader('articles/*.md', {
     articles
       .forEach(article => {
 
+        // parse Markdown in title
+        article.frontmatter.title = mdRenderer.render(article.frontmatter.title)
+
+        // convert coma-separated list of tags to array
+        article.frontmatter.tags = (article.frontmatter.tags?.split(',') ?? []).map(tag => tag.trim())
+
         // convert Markdown excerpt to HTML
         if ('excerpt' in article.frontmatter) {
           article.frontmatter.excerpt = mdRenderer.render(article.frontmatter.excerpt)
         }
-
-
-        // convert coma-separated list of tags to array
-        article.frontmatter.tags = (article.frontmatter.tags?.split(',') ?? []).map(tag => tag.trim())
       })
 
     return articles