src/App.vue

@@ -1,30 +1,22 @@
 <script lang="ts">
 import MainMenu from './components/MainMenu.vue'
 import Search from './components/Search.vue'
-import Data from './components/Data.vue'
 
 export default {
   components: {
     MainMenu,
-    Search,
+    Search
-    Data,
-  },
-  data() {
-    return {
-      applicationName: this.applicationName,
-    }
   }
 }
 </script>
 
 <template>
-  <header class="w-screen flex flex-row">
+  <header class="w-screen">
-    <h1 class="">{{ applicationName }}</h1>
+    <h1 class="">{{ this.applicationName }}</h1>
     <MainMenu />
     <Search />
   </header>
 
   <main>
-    <Data />
   </main>
 </template>

src/components/Data.vue

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

src/components/MainMenu.vue

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

src/components/Search.vue

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

src/main.ts

@@ -5,24 +5,6 @@ import App from './App.vue'
 
 const app = createApp(App)
 
-app.config.globalProperties = {
+app.config.globalProperties.applicationName = 'Stadtratmonitor'
-  ...app.config.globalProperties,
-  apiUri: 'https://jsonplaceholder.typicode.com/posts/',
-  applicationName: 'Stadtratmonitor',
-  menuEntries: {
-    0: {
-      name: 'Startseite',
-      uri: '/',
-    }, 
-    1: {
-      name: 'Karte',
-      uri: '/karte'
-    },
-    2: {
-      name: 'Glossar', 
-      uri: '/glossar'
-    }
-},
-}
 
 app.mount('#app')