<template>

	<div class='login-box'>

		<div class='icon'></div>

		<div class='form'>
			<h3>Create an account</h3>
			<label>EMAIL <span :data-err='gs.register.mail.error'></span></label>
			<input @keyup='gs.register.func.press_enter' type='email' v-model='gs.register.mail.mutable' class='flat' autofocus>
			<label>USERNAME <span :data-err='gs.register.username.error'></span></label>
			<input @keyup='gs.register.func.press_enter' type='text' v-model='gs.register.username.mutable' class='flat'>
			<label>PASSWORD <span :data-err='gs.register.password.error'></span></label>
			<input @keyup='gs.register.func.press_enter' type='password' v-model='gs.register.password.mutable' class='flat'>

			<button class='submit' @click='gs.register.func.register()'>Continue</button>
			<span>By registering, you agree to Discord's <a href='https://discordapp.com/terms'>Terms of Service</a> and <a href='https://discordapp.com/privacy'>Privacy Policy</a></span>
			<hr>
			<span>Already have an account? <router-link to='login'>Login</router-link></span>
		</div>

	</div>

</template><script>
export default {

	name: 'register-',

	data(){ return { gs: gs.get }; }

}

</script>