16.04 Register - Create Component & Add a Banner

src/components/Auth/Register.vue

@@ -0,0 +1,18 @@
+<template>
+    <q-banner class="bg-grey-3">
+    <template v-slot:avatar>
+    <q-icon name="account_circle" color="primary" />
+    </template>
+    Register to access your Todos anywhere
+    </q-banner>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/pages/PageAuth.vue

@@ -23,8 +23,7 @@
         </q-tab-panel>
 
         <q-tab-panel name="register">
-          <div class="text-h6">Register</div>
+          <register />
-          Lorem ipsum dolor sit amet consectetur adipisicing elit.
         </q-tab-panel>
       </q-tab-panels>
     </q-card>
@@ -32,14 +31,18 @@
 </template>
 
 <script>
+import register from 'components/Auth/Register.vue'
+
 export default {
   name: 'Auth',
   data () {
     return {
-      tab: 'login'
+      tab: 'register'
     }
+  },
+  components: {
+    register
   }
-
 }
 </script>