feat: simple tags

src/views/ArticleView.vue

@@ -8,6 +8,7 @@ import { AUTHORED, PUBLISHED_ON, SIGNATURE, TITLE, UPDATED_ON } from '@lib/confi
 import { stripHTML } from '@lib/strings'
 import BackHomeButton from '@components/BackHomeButton.vue'
 import NotFoundView from '@views/NotFoundView.vue'
+import ArticleTagList from '@components/ArticleTagList.vue'
 
 const article = ref<Article | null>(null)
 const loading = ref<boolean>(true)
@@ -37,14 +38,26 @@ onUpdated(updateDynamicContent)
       <div class="article-header">
         <h1 class="article-title p-name" v-html="article.metadata.title"></h1>
         <div class="article-info">
-          <span v-if="article.metadata.author"
-            ><span v-html="AUTHORED"></span> <span class="p-author h-card" v-html="article.metadata.author"></span> —
-          </span>
-          <span v-html="PUBLISHED_ON"></span> <time class="dt-published" :datetime="simpleDateFormat(article.metadata.date)">{{ simpleDateFormat(article.metadata.date) }}</time>
-          <span v-if="article.metadata.updated"
-            >— <span v-html="UPDATED_ON"></span>
-            {{ simpleDateFormat(article.metadata.updated) }}</span
-          >
+          <template v-if="article.metadata.author">
+            <span v-html="AUTHORED"></span>
+            &hairsp;
+            <span class="p-author h-card" v-html="article.metadata.author"></span>
+            &hairsp;—
+          </template>
+          <span v-html="PUBLISHED_ON"></span>
+          &hairsp;
+          <time class="dt-published" :datetime="simpleDateFormat(article.metadata.date)">
+            {{ simpleDateFormat(article.metadata.date) }}
+          </time>
+          <template v-if="article.metadata.updated">
+            &hairsp;—
+            <span v-html="UPDATED_ON"></span>
+            {{ simpleDateFormat(article.metadata.updated) }}
+          </template>
+          <template v-if="article.metadata.tags.length > 0">
+            —
+            <article-tag-list :tags="article.metadata.tags" />
+          </template>
         </div>
         <img
           v-if="article.metadata.thumbnail"