From 4ac8eb0402908d94ba18d8657e7fbe9f6a1792d4 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Mon, 4 Nov 2019 22:29:19 +0900
Subject: [PATCH] Add auth service to remove hard coded url from auth store

---
 frontend/components/organisms/auth/LoginForm.vue |  1 +
 frontend/services/api.service.js                 |  4 ----
 frontend/services/auth.service.js                | 13 +++++++++++++
 frontend/store/auth.js                           |  5 ++---
 4 files changed, 16 insertions(+), 7 deletions(-)
 create mode 100644 frontend/services/auth.service.js

diff --git a/frontend/components/organisms/auth/LoginForm.vue b/frontend/components/organisms/auth/LoginForm.vue
index 8b2a81e0..76138562 100644
--- a/frontend/components/organisms/auth/LoginForm.vue
+++ b/frontend/components/organisms/auth/LoginForm.vue
@@ -17,6 +17,7 @@
           name="login"
           prepend-icon="person"
           type="text"
+          autofocus
         />
         <v-text-field
           id="password"
diff --git a/frontend/services/api.service.js b/frontend/services/api.service.js
index 4c37b1e6..7ab48d4a 100644
--- a/frontend/services/api.service.js
+++ b/frontend/services/api.service.js
@@ -16,10 +16,6 @@ class ApiService {
     this.instance.defaults.headers.common = {}
   }
 
-  neko() {
-    return this.instance
-  }
-
   request(method, url, data = {}, config = {}) {
     return this.instance({
       method,
diff --git a/frontend/services/auth.service.js b/frontend/services/auth.service.js
new file mode 100644
index 00000000..ae59597c
--- /dev/null
+++ b/frontend/services/auth.service.js
@@ -0,0 +1,13 @@
+import ApiService from '@/services/api.service'
+
+class AuthService {
+  constructor() {
+    this.request = ApiService
+  }
+
+  postCredential(data) {
+    return this.request.post(`/auth-token`, data)
+  }
+}
+
+export default new AuthService()
diff --git a/frontend/store/auth.js b/frontend/store/auth.js
index dd7c24c0..ea3c70f8 100644
--- a/frontend/store/auth.js
+++ b/frontend/store/auth.js
@@ -1,5 +1,6 @@
 import Cookie from 'js-cookie'
 import ApiService from '@/services/api.service'
+import AuthService from '@/services/auth.service'
 
 export const state = () => ({
   token: null
@@ -22,9 +23,7 @@ export const getters = {
 
 export const actions = {
   authenticateUser({ commit }, authData) {
-    const authUrl = 'http://127.0.0.1:8000/v1/auth-token'
-    return this.$axios
-      .$post(authUrl, authData)
+    return AuthService.postCredential(authData)
       .then((result) => {
         commit('setToken', result.token)
         localStorage.setItem('token', result.token)