From f0164afe9f4592720e268df92f3d1d126093af53 Mon Sep 17 00:00:00 2001
From: vrifox <vrifox@vrifox.cc>
Date: Sat, 17 Jun 2023 15:12:29 +0200
Subject: [PATCH] add date method and link to external paper

---
 src/components/Papers.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Papers.vue b/src/components/Papers.vue
index 7635567..15d8305 100644
--- a/src/components/Papers.vue
+++ b/src/components/Papers.vue
@@ -48,13 +48,17 @@ export default {
         })
       }
       return filteredPapers
-    }
+    }, 
   },
   methods: {
     async fetchData() {
       this.papers = await (await fetch(this.apiUri)).json()
     }, 
     openPaper() {}
+    date(paperDate: String) {
+      const date = new Date(paperDate)
+      return new Intl.DateTimeFormat('de-DE', { dateStyle: 'full' }).format(date)
+    },
   },
 }
 </script>
@@ -74,7 +78,7 @@ export default {
         @click.prevent="openPaper()"
       >
         <h4 class="text-xl">{{ paper.name }}</h4>
-        <p>{{ paper.published_at }}: {{ paper.paper_type}} von {{ paper.originator }}</p>
+        <p>{{ date(paper.published_at) }}: <a :href="paper.url" class="text-secondary-button-500">{{ paper.paper_type}} von {{ paper.originator }}</a></p>
       </article>
     </li>
   </ul>