<template>
  <div>
    <!-- :location="$vuetify.display.mobile ? 'bottom' : undefined" -->
    <v-navigation-drawer style="border: 0;" v-model="drawer">
      <v-list-item class="ml-2 mt-3">
        <v-img
          :aspect-ratio="1"
          max-height="42px"
          max-width="132px"
          class="bg-white"
          src="../globalimages/logo.png"
        ></v-img>
      </v-list-item>
    </v-navigation-drawer>
  </div>
</template>

<script type="module">
  export default {
    name: "MenuComponent",
    data() {
      return {};
    },
    computed: {
      // Akses state dari store
      drawer: {
        get() {
          return this.$store.state.system.drawer;
        },
        set(val) {
          this.$store.commit("system/setDrawer", val);
        },
      },
      count() {
        return this.$store.state.coba2.count;
      },
      email() {
        return this.$store.state.coba2.email;
      },
    },
    methods: {
      // Dispatch action ke store
      increment() {
        this.$store.dispatch("increment");
      },
    },
  };
</script>

<style scoped>
  h1 {
    color: blue;
  }
</style>
