From b3715133027fc5d08a95fdff779053e2fa4403a6 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Mon, 27 Dec 2021 12:22:32 -0500
Subject: [PATCH] [+] Display tags

---
 src/components/BlogIndexTags.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/BlogIndexTags.vue b/src/components/BlogIndexTags.vue
index c04afe9..af67844 100644
--- a/src/components/BlogIndexTags.vue
+++ b/src/components/BlogIndexTags.vue
@@ -1,14 +1,15 @@
 <template>
     <div class="index-tags">
-        <div v-for="t in meta.tags" :key="t">{{t}}</div>
+        <Tag v-for="t in meta.tags" :key="t">{{t[0]}} ({{t[1]}})</Tag>
     </div>
 </template>
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
 import {BlogMeta, staticMeta} from '@/views/Blog.vue'
+import Tag from "@/components/Tag.vue";
 
-@Options({components: {}})
+@Options({components: {Tag}})
 export default class BlogIndexLinks extends Vue
 {
     meta: BlogMeta = staticMeta
@@ -16,5 +17,9 @@ export default class BlogIndexLinks extends Vue
 </script>
 
 <style lang="sass" scoped>
+.index-tags
+    font-size: 0.7em
 
+    * + *
+        margin-left: 10px
 </style>