start styling registration page

views/login.vue

@@ -41,7 +41,7 @@
   module.exports = {
     data: function () { return { message: "hi" }; } ,
     components: {
-      'auth-layout': require('./components/authLayout.vue')
+      'auth-layout': require('./layouts/auth.vue')
     }
   }
 </script>

views/register.vue

@@ -1,23 +1,25 @@
 <template>
-  <div class="container">
-    <p>{{message}}</p>
-    <form id="signup" name="register" method="post" action="/register">
-       <label for="email">Email Address</label>
-       <input class="text" name="email" type="email" />
-       <label for="firstname">Firstname</label>
-       <input name="firstname" type="text" />
-       <label for="lastname">Lastname</label>
-       <input name="lastname" type="text" />
-       <label for="password">Password</label>
-       <input name="password" type="password" />
-       <input class="btn" type="submit" value="Register" />
-   </form>
-  </div>
+  <auth-layout>
+    <div class="container">
+      <p>{{message}}</p>
+      <form id="signup" name="register" method="post" action="/register">
+        <label for="email">Email Address</label>
+        <input class="text" name="email" type="email" />
+        <label for="firstname">Firstname</label>
+        <input name="firstname" type="text" />
+        <label for="lastname">Lastname</label>
+        <input name="lastname" type="text" />
+        <label for="password">Password</label>
+        <input name="password" type="password" />
+        <input class="btn" type="submit" value="Register" />
+      </form>
+    </div>
+  </auth-layout>
 </template>
 
 <script>
   export default {
-    data: () => {},
+    components: {'auth-layout': require('./layouts/auth.vue')}
   }
 </script>