Temporary navigation links

diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 755a35cecd2892384a9ee280acefb845233fe1e0..a95739b7831ebceb653a7f65ce447b8e7adab47a 100644 (file)
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -3,23 +3,26 @@
     <RouterLink to="/">\r
       <Logo :class="{ invisible: hideLogo }"></Logo>\r
     </RouterLink>\r
-    <div>\r
+    <div class="flex">\r
       <CustomButton\r
         :iconPath="mdilPlusCircle"\r
         label="New Note"\r
         @click="toggleTheme"\r
       />\r
+      <CustomButton :iconPath="mdilLogout" label="Log Out" @click="logOut" />\r
     </div>\r
   </nav>\r
 </template>\r
 \r
 <script setup>\r
-import { mdilPlusCircle } from "@mdi/light-js";\r
-import { RouterLink } from "vue-router";\r
+import { mdilLogout, mdilPlusCircle } from "@mdi/light-js";\r
+import { RouterLink, useRouter } from "vue-router";\r
 \r
 import CustomButton from "../components/CustomButton.vue";\r
 import Logo from "../components/Logo.vue";\r
 \r
+const router = useRouter();\r
+\r
 defineProps({\r
   hideLogo: Boolean,\r
 });\r
@@ -27,4 +30,9 @@ defineProps({
 function toggleTheme() {\r
   document.body.classList.toggle("dark-theme");\r
 }\r
+\r
+function logOut() {\r
+  router.push({ name: "login" });\r
+  // TODO: Implement log out functionality\r
+}\r
 </script>\r

diff --git a/client/views/LogIn.vue b/client/views/LogIn.vue
index 7397ee72af425fbebc12c0e237bace8901e82b05..c103321f6e663cee40418217d8548e8fb0677c38 100644 (file)
--- a/client/views/LogIn.vue
+++ b/client/views/LogIn.vue
@@ -22,14 +22,17 @@
 <script setup>
 import { mdilLogin } from "@mdi/light-js";
 import { ref } from "vue";
+import { RouterLink, useRouter } from "vue-router";
 
 import CustomButton from "../components/CustomButton.vue";
 import Logo from "../components/Logo.vue";
 import TextInput from "../components/TextInput.vue";
 
+const router = useRouter();
 const rememberMe = ref(false);
 
 function login() {
-  console.log("logging in..."); // TODO: Implement login functionality
+  router.push({ name: "home" });
+  // TODO: Implement login functionality
 }
 </script>