[+] BlogIndexTags.vue

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>

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() {

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
         })
     }