34 lines
713 B
Vue
34 lines
713 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="field">
|
||
|
|
<p class="control has-icons-left has-icons-right">
|
||
|
|
<input v-model="username" class="input" type="email" placeholder="Email">
|
||
|
|
<span class="icon is-small is-left">
|
||
|
|
<i class="fas fa-envelope"></i>
|
||
|
|
</span>
|
||
|
|
<span class="icon is-small is-right">
|
||
|
|
<i class="fas fa-check"></i>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<p class="control">
|
||
|
|
<button @click="$emit('login', { username })" class="button is-info is-fullwidth">Register</button>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "RegisterForm",
|
||
|
|
props: {
|
||
|
|
username: String
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
|