add registration view

ui/pages/login.vue

@@ -6,7 +6,7 @@
       <b-form-group label-for="username">
         <b-form-input
           id="username"
-          v-model="name"
+          v-model="username"
           trim
           placeholder="Username or Email"
         ></b-form-input>
@@ -15,7 +15,7 @@
       <b-form-group label-for="password">
         <b-form-input
           id="password"
-          v-model="name"
+          v-model="password"
           type="password"
           placeholder="Password"
           trim

ui/pages/register.vue

@@ -0,0 +1,74 @@
+<template>
+  <div>
+    <img src="../assets/img/logo_white_small.png" alt="OhMyForm" />
+
+    <b-form class="box" @submit="submit">
+      <b-form-group label-for="username">
+        <b-form-input
+          id="username"
+          v-model="username"
+          trim
+          placeholder="Username"
+        ></b-form-input>
+      </b-form-group>
+
+      <b-form-group label-for="email">
+        <b-form-input
+          id="email"
+          v-model="email"
+          trim
+          placeholder="Email"
+        ></b-form-input>
+      </b-form-group>
+
+      <b-form-group label-for="password">
+        <b-form-input
+          id="password"
+          v-model="password"
+          type="password"
+          placeholder="Password"
+          trim
+        ></b-form-input>
+      </b-form-group>
+
+      <b-button type="submit" block variant="primary">Register</b-button>
+      <nuxt-link to="/login" class="recover">
+        Already have an account? Sign in here
+      </nuxt-link>
+    </b-form>
+  </div>
+</template>
+
+<script>
+export default {
+  layout: 'screen',
+  data() {
+    return {
+      username: '',
+      email: '',
+      password: ''
+    }
+  },
+  methods: {
+    submit() {
+      // TODO
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+img {
+  max-width: 80%;
+  width: 300px;
+}
+.box {
+  margin-top: 60px;
+}
+.recover {
+  display: block;
+  padding-top: 15px;
+  color: #fff;
+  font-size: 14px;
+}
+</style>