diff --git a/src/components/partials/Navbar.vue b/src/components/partials/Navbar.vue
index 8aaf6a8c819586a1c99adeff7c79acd35057b933..25254753349f4fbb29d7f8ea46c7bf0a95599b5b 100644
--- a/src/components/partials/Navbar.vue
+++ b/src/components/partials/Navbar.vue
@@ -12,7 +12,7 @@
       <b-collapse is-nav id="nav_collapse">
       <!-- Right aligned nav items -->
       <b-navbar-nav>
-        <b-nav-item-dropdown v-bind:text=pilihan left>
+        <b-nav-item-dropdown v-bind:text=state left>
           <b-dropdown-item v-on:click="gotoPage('semua-anggaran')">
             Semua Anggaran
           </b-dropdown-item>
@@ -38,7 +38,7 @@
           </b-nav-item>
         </div>
         <div v-else>
-          <b-nav-item-dropdown v-bind:text=nama right>
+          <b-nav-item-dropdown v-bind:text=name right>
             <b-dropdown-item v-on:click="gotoPage('semua-anggaran')">
               Pengaturan
             </b-dropdown-item>
@@ -61,13 +61,15 @@ export default {
   name: 'Navbar',
   data () {
     return {
-      pilihan : this.$store.state.pilihan,
-      nama : this.$store.state.user.name,
+      
     }
   },
   computed : {
-    state_watcher() {
+    state() {
       return this.$store.state.pilihan
+    },
+    name() {
+      return this.$store.state.user.name
     }
   },
   methods : {
@@ -80,15 +82,6 @@ export default {
       this.$router.push({name: 'LandingPage'});
     }
   },
-  created() {
-    this.pilihan = this.$store.state.pilihan
-  },
-  watch : {
-    state_watcher(newPilihan, oldPilihan) {
-      //   console.log("lama : " + oldPilihan + ", baru :" +newPilihan)
-        this.pilihan = newPilihan
-    }
-  }
 }
 </script>