Navbar Menu

globalcomponent/one-navbar.vue

@@ -5,54 +5,57 @@
     <v-app-bar class="elevation-0">
       <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
 
-      <v-app-bar-title>Application</v-app-bar-title>
+      <v-app-bar-title>{{ bread_crumb }}</v-app-bar-title>
     </v-app-bar>
   </div>
 </template>
 
 <script type="module">
-  import MenuComponent from "./one-menu.vue";
+import MenuComponent from "./one-menu.vue";
 
-  export default {
-    name: "NavbarComponent",
-    components: {
-      "one-menu": MenuComponent,
+export default {
+  name: "NavbarComponent",
+  components: {
+    "one-menu": MenuComponent,
+  },
+  mounted() {
+    console.log("drawer");
+    console.log(this.$store.state.system.drawer);
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    // Akses state dari store
+    bread_crumb() {
+      return this.$store.state.system.bread_crumb
+    },  
+    count() {
+      return this.$store.state.coba2.count;
     },
-    mounted() {
-      console.log("drawer");
-      console.log(this.$store.state.system.drawer);
-    },
-    data() {
-      return {};
-    },
-    computed: {
-      // Akses state dari store
-      count() {
-        return this.$store.state.coba2.count;
+    drawer: {
+      get() {
+        return this.$store.state.system.drawer;
       },
-      drawer: {
-        get() {
-          return this.$store.state.system.drawer;
-        },
-        set(val) {
-          this.$store.commit("system/setDrawer", val);
-        },
-      },
-      email() {
-        return this.$store.state.coba2.email;
+      set(val) {
+        this.$store.commit("system/update_drawer", val);
       },
     },
-    methods: {
-      // Dispatch action ke store
-      increment() {
-        this.$store.dispatch("increment");
-      },
+    email() {
+      return this.$store.state.coba2.email;
     },
-  };
+  },
+  methods: {
+    // Dispatch action ke store
+    increment() {
+      this.$store.dispatch("increment");
+    },
+  },
+};
 </script>
 
 <style scoped>
-  h1 {
-    color: blue;
-  }
+h1 {
+  color: blue;
+}
 </style>