this is a dirty sync commit

src/components/Data.vue

@@ -0,0 +1,18 @@
+<script lang="ts">
+export default {
+  data() {
+    return {
+      apiUri: this.appUri, 
+    }
+  }, 
+  methods: {
+    async fetchData() {
+      
+    }
+  }
+}
+</script>
+
+<template>
+  
+</template>

src/components/MainMenu.vue

@@ -1,16 +1,17 @@
 <script lang="ts">
+export default {
+  data() {
+    return {
+      menuEntries: this.menuEntries,
+    }
+  },
+}
 </script>
 
 <template>
-  <ul>
-    <li>
-      Startseite
-    </li>
-    <li>
-      Karte
-    </li>
-    <li>
-      Glossar
+  <ul class="flex flex-row">
+    <li class="p-2" v-for="entry of menuEntries">
+      <a :href="entry.uri">{{ entry.name }}</a>
     </li>
   </ul>
 </template>

src/components/Search.vue

@@ -1,5 +1,11 @@
 <script lang="ts">
-
+export default {
+  data() {
+    return {
+      searchTerm: '',
+    }
+  }
+}
 </script>
 
 <template>