68 lines
1.5 KiB
Vue
68 lines
1.5 KiB
Vue
<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="6" sm="12" xs="12">
|
|
<one-left></one-left>
|
|
</v-col>
|
|
<v-col cols="12" md="6" 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>
|