this is another dirty sync commit

src/components/Data.vue

@@ -1,18 +1,30 @@
 <script lang="ts">
+interface Paper {
+  url: string
+}
+
 export default {
+  created() {
+    this.fetchData()
+  },
   data() {
     return {
-      apiUri: this.appUri, 
+      apiUri: 'https://raw.githubusercontent.com/CodeforLeipzig/stadtratmonitor/master/input.json', 
+      papers: null,
     }
   }, 
   methods: {
     async fetchData() {
-      
-    }
+      this.papers = await (await fetch(this.apiUri)).json()
     }
+  },
 }
 </script>
 
 <template>
-  
+  <ul>
+    <li v-for="paper in papers">
+      <a :href="paper.url">{{ paper.name }}</a>
+    </li>
+  </ul>
 </template>

src/main.ts

@@ -7,7 +7,7 @@ const app = createApp(App)
 
 app.config.globalProperties = {
   ...app.config.globalProperties,
-  apiUri: 'https://jsonplaceholder.typicode.com/posts/',
+  apiUri: 'https://joergreichert.de/srm/input.json',
   applicationName: 'Stadtratmonitor',
   menuEntries: {
     0: {