feat: lucide icon and latex formulas

src/views/HomeView.vue

@@ -5,23 +5,24 @@ import type { ArticleMetadata } from '@interfaces'
 import { simpleDateFormat } from '@lib/dates'
 import { TITLE } from '@lib/meta'
 import PageFooter from '@components/PageFooter.vue'
+import { stripHTML } from '@/lib/strings'
 
 const articles = ref<ArticleMetadata[]>([])
 
 onBeforeMount(async () => {
   const newArticles = await listArticles()
   articles.value.splice(0, articles.value.length, ...newArticles)
-  window.document.title = TITLE + ' — Home'
+  window.document.title = stripHTML(TITLE) + ' — Home'
 })
 </script>
 
 <template>
   <main>
-    <h1 class="title">{{ TITLE }}</h1>
+    <h1 class="title" v-html="TITLE"></h1>
     <template v-for="(metadata, index) in articles" v-bind:key="index">
       <div v-if="!metadata.draft && metadata.path" class="article">
         <RouterLink :to="metadata.path">
-          <h3>{{ metadata.title }}</h3>
+          <h3 v-html="metadata.title"></h3>
           <span class="time"
             ><span>Published on</span>&nbsp;&nbsp;{{ simpleDateFormat(metadata.date) }}</span
           >