From 64674bd28ce594efab4e39c5cb26a3387f62856f Mon Sep 17 00:00:00 2001
From: V S Tharunika <1vstharu279@gmail.com>
Date: Sun, 27 Dec 2020 01:26:28 +0530
Subject: [PATCH] a simple register page

---
 book-racker/src/App.vue                 |  2 +-
 book-racker/src/components/Register.vue | 23 ++++++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/book-racker/src/App.vue b/book-racker/src/App.vue
index d74c648e..81728ed7 100644
--- a/book-racker/src/App.vue
+++ b/book-racker/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <img src="./assets/logo.png">
+    <!--<img src="./assets/logo.png">-->
     <router-view/>
   </div>
 </template>
diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index bc7594f3..3736be7b 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -1,18 +1,39 @@
 <template>
   <div>
     <h1>Register</h1>
+
+    <input type="email" name="email" v-model="email" placeholder="email"/>
+    <br>
+    <input type="password" name="password" v-model="password" placeholder="password"/>
+    <br>
+    <button @click="register">Register</button>
   </div>
 </template>
 
 <script>
+import AuthentiacationService from '@/services/AuthenticationService'
 export default {
   
   data () {
     return {
+      email:'',
+      password:''
       
     }
-  }
+  },
+ 
+  methods:{
+      
+      async register(){
+       await AuthentiacationService.register({
+          email: this.email,
+          password:this.password
+        })
+         
+      }
 }
+}
+
 </script>
 
 <style scoped>
-- 
GitLab