add slicing image verification

image-verification/components/main.vue

@@ -0,0 +1,68 @@
+<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>
+