51 lines
887 B
Vue
51 lines
887 B
Vue
|
<template>
|
||
|
|
<div id="login-register">
|
||
|
|
<h3>Login</h3>
|
||
|
|
<LoginForm @onLogedIn="onLogedIn" />
|
||
|
|
<h3>Register</h3>
|
||
|
|
<RegisterForm @onRegistered="onRegistered" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import { mapState, mapActions } from 'vuex'
|
||
|
|
import LoginForm from 'vuejs/components/Form/LoginForm'
|
||
|
|
import RegisterForm from 'vuejs/components/Form/RegisterForm'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "LoginRegister",
|
||
|
|
data: () => ({
|
||
|
|
loginEmail:null,
|
||
|
|
password:null,
|
||
|
|
registerEmail:null
|
||
|
|
}),
|
||
|
|
methods: {
|
||
|
|
...mapActions({
|
||
|
|
userLogin: 'User/userLogin',
|
||
|
|
userRegister: 'User/userRegister'
|
||
|
|
}),
|
||
|
|
onLogedIn () {
|
||
|
|
this.$emit('onLogedIn')
|
||
|
|
},
|
||
|
|
onRegistered () {
|
||
|
|
this.$emit('onRegistered')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
LoginForm,
|
||
|
|
RegisterForm
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
|
||
|
|
fieldset{
|
||
|
|
padding:0;
|
||
|
|
margin:0;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|