From 12eff1bbb2aca746a675c2ed392e78eabdabddf0 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Mon, 27 Dec 2021 12:20:06 -0500
Subject: [PATCH] [+] BlogIndexTags.vue

---
 src/components/BlogIndexTags.vue | 20 ++++++++++++++++++++
 src/main.ts                      |  2 ++
 src/views/Blog.vue               |  3 +++
 3 files changed, 25 insertions(+)
 create mode 100644 src/components/BlogIndexTags.vue

diff --git a/src/components/BlogIndexTags.vue b/src/components/BlogIndexTags.vue
new file mode 100644
index 0000000..c04afe9
--- /dev/null
+++ b/src/components/BlogIndexTags.vue
@@ -0,0 +1,20 @@
+<template>
+    <div class="index-tags">
+        <div v-for="t in meta.tags" :key="t">{{t}}</div>
+    </div>
+</template>
+
+<script lang="ts">
+import {Options, Vue} from 'vue-class-component';
+import {BlogMeta, staticMeta} from '@/views/Blog.vue'
+
+@Options({components: {}})
+export default class BlogIndexLinks extends Vue
+{
+    meta: BlogMeta = staticMeta
+}
+</script>
+
+<style lang="sass" scoped>
+
+</style>
diff --git a/src/main.ts b/src/main.ts
index da73b27..f449fec 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,9 +4,11 @@ import router from './scripts/router'
 import {i18n} from "@/scripts/messages"
 import '@fortawesome/fontawesome-free/css/all.min.css'
 import Collapse from "@/components/Collapse.vue"
+import BlogIndexTags from "@/components/BlogIndexTags.vue";
 
 const app = createApp(App).use(router).use(i18n)
     .component('Collapse', Collapse)
+    .component('BlogIndexTags', BlogIndexTags)
     .component('Dynamic', {
         props: ['template'],
         render() {
diff --git a/src/views/Blog.vue b/src/views/Blog.vue
index aa30fc0..6bedf28 100644
--- a/src/views/Blog.vue
+++ b/src/views/Blog.vue
@@ -23,6 +23,8 @@ export interface BlogMeta
     posts: BlogPost[]
 }
 
+export let staticMeta: BlogMeta = {tags: [], categories: [], posts: []}
+
 @Options({components: {BlogPostPreview}})
 export default class Blog extends Vue
 {
@@ -36,6 +38,7 @@ export default class Blog extends Vue
     {
         fetch(`${hosts.content}/content/generated/metas.json`).then(it => it.json()).then(it => {
             this.meta = it
+            staticMeta = it
         })
     }