app/ayanova/src/views/login.vue

@@ -1,13 +1,14 @@
 <template>
-    <div id="login">
-        <h1>Login</h1>
-        <input type="text" name="username" v-model="input.username" placeholder="Username">
-        <input type="password" name="password" v-model="input.password" placeholder="Password">
-        <button type="button" v-on:click="login()">Login</button>
-    </div>
+  <div id="login">
+    <h1>Login</h1>
+    <input type="text" name="username" v-model="input.username" placeholder="Username">
+    <input type="password" name="password" v-model="input.password" placeholder="Password">
+    <button type="button" v-on:click="login()">Login</button>
+  </div>
 </template>
 
 <script>
+import auth from "../api/auth";
 export default {
   name: "Login",
   data() {
@@ -21,6 +22,12 @@ export default {
   methods: {
     login() {
       if (this.input.username != "" && this.input.password != "") {
+        // eslint-disable-next-line
+        var response = auth.authenticate(
+          this.input.username,
+          this.input.password
+        );
+
         if (
           this.input.username == this.$store.state.mockAccount.username &&
           this.input.password == this.$store.state.mockAccount.password