<template>
    <v-app id="inspire">
      <one-navbar></one-navbar>
      <v-main>
        <div class="pa-5 bg-primary-lighten ml-2 rounded-xl h-100">
          <v-row>
            <v-col cols="12" md="8" sm="12" xs="12">
              <one-left></one-left>
            </v-col>
            <v-col cols="12" md="4" sm="12" xs="12">
              <one-right></one-right>
            </v-col>
          </v-row>
        </div>
      </v-main>
    </v-app>
  </template>
  
  <script type="module">
    import NavbarComponent from "../../globalcomponent/one-navbar.vue";
    import LeftComponent from "./left.vue";
    import RightComponent from "./right.vue";
    export default {
      name: "Specimen",
      components: {
        "one-navbar": NavbarComponent,
        "one-left": LeftComponent,
        "one-right": RightComponent,
      },
      mounted() {},
      data() {
        return {
          visible: false,
        };
      },
      computed: {
        // Akses state dari store
        count() {
          return this.$store.state.login.count;
        },
        email: {
          get() {
            return this.$store.state.login.email;
          },
          set(val) {
            this.$store.commit("login/setEmail", val);
          },
        },
        password: {
          get() {
            return this.$store.state.login.password;
          },
          set(val) {
            this.$store.commit("login/setPassword", val);
          },
        },
      },
      methods: {
        // Dispatch action ke store
        increment() {
          this.$store.dispatch("increment");
        },
      },
    };
  </script>
  
  <style scoped></style>
  