diff --git a/src/components/home/TheHome.vue b/src/components/home/TheHome.vue
index fba547c..7e9c012 100644
--- a/src/components/home/TheHome.vue
+++ b/src/components/home/TheHome.vue
@@ -3,7 +3,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md-8">
-          <h4>Lelongan Hari Ini: 30/06/2022</h4>
+          <h4>Lelongan Hari Ini: {{date}}</h4>
           <base-card>
             <lelong-today></lelong-today>
           </base-card>
@@ -47,10 +47,12 @@ export default {
     return {
       karat: Array,
       loading: false,
+      date: ""
     };
   },
   created() {
     this.getKarat();
+    this.getDate();
   },
   methods: {
     async getKarat() {
@@ -70,6 +72,15 @@ export default {
           console.log(error);
         });
     },
+    getDate() {
+      var today = new Date();
+      var dd = String(today.getDate()).padStart(2, "0");
+      var mm = String(today.getMonth() + 1).padStart(2, "0"); //January is 0!
+      var yyyy = today.getFullYear();
+
+      today = yyyy + "-" + mm + "-" + dd;
+      this.date = today;
+    },
   },
 };
 </script>
diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 103ead5..75f2da7 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -1,7 +1,9 @@
 <template>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container-fluid">
-      <router-link class="navbar-brand" v-bind:to="{ name: 'home' }">Sistem Lelong</router-link>
+      <router-link class="navbar-brand" v-bind:to="{ name: 'home' }"
+        >Sistem Lelong</router-link
+      >
       <button
         class="navbar-toggler"
         type="button"
@@ -45,6 +47,9 @@
               >Profil</router-link
             >
           </li>
+          <li class="nav-item">
+            <a class="nav-link" style="cursor:pointer" v-on:click="doLogout()">Log Keluar</a>
+          </li>
           <li class="nav-item">
             <router-link class="nav-link" v-bind:to="{ name: 'login' }"
               >Log Keluar</router-link
@@ -56,6 +61,33 @@
   </nav>
 </template>
 
+<script>
+import axios from "axios";
+export default {
+  methods: {
+    doLogout() {
+      axios
+        .post(
+          "/user/logout",
+          {},
+          {
+            headers: {
+              Authorization: "Bearer " + localStorage.getItem("token"),
+            },
+          }
+        )
+        .then((response) => {
+          localStorage.clear();
+          this.$router.push({ name: "login" });
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+  },
+};
+</script>
+
 <style scoped>
 .nav-link:hover {
   color: blue !important;