From 3cf5b26f26c751dea314a7e0cc7495bbc13a41be Mon Sep 17 00:00:00 2001
From: Vri <vrifox@vrifox.cc>
Date: Wed, 7 Jun 2023 20:55:53 +0200
Subject: [PATCH 1/2] improve globalProperties

---
 src/main.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/main.ts b/src/main.ts
index ab31503..b6af1ac 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,6 +5,9 @@ import App from './App.vue'
 
 const app = createApp(App)
 
-app.config.globalProperties.applicationName = 'Stadtratmonitor'
+app.config.globalProperties = {
+    ...app.config.globalProperties,
+    applicationName: 'Stadtratmonitor',
+}
 
 app.mount('#app')

From bb22d1a72892c2fb6d76155b804cd79dceb050ea Mon Sep 17 00:00:00 2001
From: Vri <vrifox@vrifox.cc>
Date: Wed, 7 Jun 2023 22:12:45 +0200
Subject: [PATCH 2/2] this is a dirty sync commit

---
 src/App.vue                 | 14 +++++++++++---
 src/components/Data.vue     | 18 ++++++++++++++++++
 src/components/MainMenu.vue | 19 ++++++++++---------
 src/components/Search.vue   |  8 +++++++-
 src/main.ts                 | 19 +++++++++++++++++--
 5 files changed, 63 insertions(+), 15 deletions(-)
 create mode 100644 src/components/Data.vue

diff --git a/src/App.vue b/src/App.vue
index affb903..d391378 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,22 +1,30 @@
 <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">
-    <h1 class="">{{ this.applicationName }}</h1>
+  <header class="w-screen flex flex-row">
+    <h1 class="">{{ applicationName }}</h1>
     <MainMenu />
     <Search />
   </header>
 
   <main>
+    <Data />
   </main>
 </template>
\ No newline at end of file
diff --git a/src/components/Data.vue b/src/components/Data.vue
new file mode 100644
index 0000000..fbf7ae1
--- /dev/null
+++ b/src/components/Data.vue
@@ -0,0 +1,18 @@
+<script lang="ts">
+export default {
+  data() {
+    return {
+      apiUri: this.appUri, 
+    }
+  }, 
+  methods: {
+    async fetchData() {
+      
+    }
+  }
+}
+</script>
+
+<template>
+  
+</template>
\ No newline at end of file
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 46f2cb1..45edb27 100644
--- a/src/components/MainMenu.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/components/Search.vue b/src/components/Search.vue
index aacf4c5..126fecf 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -1,5 +1,11 @@
 <script lang="ts">
-
+export default {
+  data() {
+    return {
+      searchTerm: '',
+    }
+  }
+}
 </script>
 
 <template>
diff --git a/src/main.ts b/src/main.ts
index b6af1ac..12f9b31 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,8 +6,23 @@ 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')