add menu on all pages

bamort/web/src/App.vue

@@ -1,15 +1,20 @@
 <template>
   <div id="app">
+    <Menu />
     <router-view />
   </div>
 </template>
 
 <script>
+import Menu from "./components/Menu.vue";
+
 export default {
-  name: "App",
+  components: {
+    Menu,
+  },
 };
 </script>
 
 <style>
-/* Add your global styles here */
+/* Global styles can go here */
 </style>

bamort/web/src/components/Menu.vue

@@ -0,0 +1,33 @@
+<template>
+  <nav class="menu">
+    <ul>
+      <li>
+        <router-link to="/dashboard">Dashboard</router-link>
+      </li>
+      <li v-if="!isLoggedIn">
+        <router-link to="/register">Register</router-link>
+      </li>
+      <li v-if="isLoggedIn">
+        <button @click="logout">Logout</button>
+      </li>
+    </ul>
+  </nav>
+</template>
+
+<script>
+import { isLoggedIn, logout } from "../utils/auth";
+
+export default {
+  computed: {
+    isLoggedIn() {
+      return isLoggedIn();
+    },
+  },
+  methods: {
+    logout() {
+      logout();
+      this.$router.push("/");
+    },
+  },
+};
+</script>