From 891954cb1ab4ae47315c5c758533bdbb4d7dd437 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 25 Dec 2021 12:08:09 -0500
Subject: [PATCH] [+] Fetch publications

---
 .../{ZoteroPublishing.vue => ZoteroPublication.vue}    |  7 ++++---
 src/views/About.vue                                    | 10 +++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)
 rename src/components/{ZoteroPublishing.vue => ZoteroPublication.vue} (88%)

diff --git a/src/components/ZoteroPublishing.vue b/src/components/ZoteroPublication.vue
similarity index 88%
rename from src/components/ZoteroPublishing.vue
rename to src/components/ZoteroPublication.vue
index b6c173c..fd0b69c 100644
--- a/src/components/ZoteroPublishing.vue
+++ b/src/components/ZoteroPublication.vue
@@ -1,11 +1,12 @@
 <template>
-    <div id="Publishing">
+    <div id="Publication">
 
     </div>
 </template>
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
+import {Prop} from "vue-property-decorator";
 
 export interface ZoteroLink
 {
@@ -60,9 +61,9 @@ export interface ZoteroItem
 }
 
 @Options({components: {}})
-export default class Publishing extends Vue
+export default class ZoteroPublicationView extends Vue
 {
-
+    @Prop({required: true}) item!: ZoteroItem
 }
 </script>
 
diff --git a/src/views/About.vue b/src/views/About.vue
index 547bf26..438db2e 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,6 +1,8 @@
 <template>
     <div id="About" class="markdown-content">
         <Dynamic :template="html"></Dynamic>
+
+        <ZoteroPublication v-for="item in publications" :key="item.key" :item="item"/>
     </div>
 </template>
 
@@ -11,11 +13,13 @@ import emojiRegex from 'emoji-regex';
 import {parseExtensions} from '@/scripts/extended_markdown'
 import $ from 'jquery'
 import 'jqueryui'
+import ZoteroPublication, {ZoteroItem} from "@/components/ZoteroPublication.vue";
 
-@Options({components: {}})
+@Options({components: {ZoteroPublication}})
 export default class About extends Vue
 {
     html = ""
+    publications: ZoteroItem[] = []
 
     mounted(): void
     {
@@ -24,6 +28,10 @@ export default class About extends Vue
             .then(it => this.html = marked(parseExtensions(it.replace(emojiRegex(), (emoji) => {
                 return `<span class="emoji">${emoji}</span>`
             }))))
+
+        // Fetch publications from zotero TODO: CDN
+        fetch('https://api.zotero.org/hykilpikonna/publications/items?linkwrap=1&order=date&sort=desc&start=0&include=data&limit=100')
+            .then(it => it.json()).then(it => this.publications = it)
     }
 
     updated(): void