save changed marks

public/src/App.vue

@@ -2,9 +2,23 @@
 import {RouterLink, RouterView} from 'vue-router'
 import HelloWorld from './components/HelloWorld.vue'
 import LoginPanel from "@/components/LoginPanel.vue";
-import {ref} from "vue";
+import {onMounted, ref} from "vue";
+import {Auth} from "@/services/auth";
 
-const showPopup = ref(false)
+let showPopup = ref(false)
+let loggedIn = ref(false)
+
+Auth.loggedInSubject.subscribe((isLoggedIn) => {
+    loggedIn.value = isLoggedIn
+})
+
+function logout(){
+    Auth.logout()
+}
+
+onMounted(() => {
+    Auth.checkForToken()
+})
 
 </script>
 
@@ -14,13 +28,14 @@ const showPopup = ref(false)
             Miniplan
         </div>
         <div class="right">
-            <button class="flat" @click="showPopup = true"><i>login</i> Einloggen</button>
+            <button v-if="!loggedIn" class="flat" @click="showPopup = true"><i>login</i> Einloggen</button>
+            <button v-if="loggedIn" class="flat" @click="logout"><i>logout</i> Abmelden</button>
         </div>
     </nav>
 
     <RouterView/>
     <div class="popup-container" :class="{show: showPopup}" @click.self="showPopup = false">
-        <LoginPanel :active="showPopup"/>
+        <LoginPanel :active="showPopup" @success="showPopup = false"/>
     </div>
 </template>