🍶 fix: refactor and lintfix

Author: hisasann

src/api/healthcheck.js

@@ -12,9 +12,7 @@ module.exports = (req, res, next) => {
 
   if (process.env.BUILD_ENV === 'docker') {
     /** docker のビルド環境の環境変数から値を取ってくる */
-    internalHealthcheckUrl = `${
-      process.env.internalEndpointUrl
-    }${HEALTHCHECK_PATH}`
+    internalHealthcheckUrl = `${process.env.internalEndpointUrl}${HEALTHCHECK_PATH}`
   } else {
     /** docker でビルドされていない場合は、 .env.local から値を取ってくる */
     internalHealthcheckUrl = `http://localhost:5000${HEALTHCHECK_PATH}`

src/pages/example/vue-awesome-swiper.vue

@@ -54,9 +54,7 @@ export default class VueAwesomeSwiper extends Vue {
       spaceBetween: 30,
       slidesPerGroup: 3,
       pagination: {
-        el: `.swiper-pagination-bullets[data-component-id="${
-          this.componentId
-        }"]`,
+        el: `.swiper-pagination-bullets[data-component-id="${this.componentId}"]`,
         clickable: true,
         bulletElement: 'li'
       },

src/plugins/directives/scroll.ts

@@ -11,14 +11,11 @@ import { throttle } from 'throttle-debounce'
 
 export default {
   inserted: (el, binding): void => {
-    const f = throttle(
-      20,
-      (evt): void => {
-        if (binding.value(evt, el)) {
-          window.removeEventListener('scroll', f)
-        }
+    const f = throttle(20, (evt): void => {
+      if (binding.value(evt, el)) {
+        window.removeEventListener('scroll', f)
       }
-    )
+    })
 
     window.addEventListener('scroll', f)
   }

src/plugins/libraries/axios.ts

@@ -10,55 +10,49 @@ export default ({ $axios, app, req, error }): void => {
   /**
    * $axios.onRequest
    */
-  $axios.onRequest(
-    (config: AxiosRequestConfig): void => {
-      const token = getTokenFromCookie(req)
-      console.log('$axios.onRequest', token)
+  $axios.onRequest((config: AxiosRequestConfig): void => {
+    const token = getTokenFromCookie(req)
+    console.log('$axios.onRequest', token)
 
-      // トークンがあればログイン済みなのでリクエストヘッダで送信する
-      if (token) {
-        config.headers[app.$C.ACCESS_TOKEN_NAME] = token
-      }
+    // トークンがあればログイン済みなのでリクエストヘッダで送信する
+    if (token) {
+      config.headers[app.$C.ACCESS_TOKEN_NAME] = token
     }
-  )
+  })
 
   /**
    * $axios.onResponse
    */
-  $axios.onResponse(
-    (response): void => {
-      const token = response.headers[app.$C.ACCESS_TOKEN_NAME]
-      console.log('$axios.onResponse', token)
+  $axios.onResponse((response): void => {
+    const token = response.headers[app.$C.ACCESS_TOKEN_NAME]
+    console.log('$axios.onResponse', token)
 
-      // CSR のときだけトークンをセットする、 SSR のときは nuxtClientInit でセットしている
-      if (process.client) {
-        if (token) {
-          setToken(token)
-        } else {
-          unsetToken()
-        }
+    // CSR のときだけトークンをセットする、 SSR のときは nuxtClientInit でセットしている
+    if (process.client) {
+      if (token) {
+        setToken(token)
+      } else {
+        unsetToken()
       }
     }
-  )
+  })
 
   /**
    * $axios.onResponseError
    */
-  $axios.onResponseError(
-    (response: AxiosError): void => {
-      console.log('$axios.onResponseError')
-      // 通信エラー
-      if (!response.response) {
-        return
-      }
+  $axios.onResponseError((response: AxiosError): void => {
+    console.log('$axios.onResponseError')
+    // 通信エラー
+    if (!response.response) {
+      return
+    }
 
-      const { status } = response.response
+    const { status } = response.response
 
-      if (status === app.$C.HTTP_STATUS.UNAUTHORIZED) {
-        const message = '401 error'
+    if (status === app.$C.HTTP_STATUS.UNAUTHORIZED) {
+      const message = '401 error'
 
-        error({ statusCode: 401, message })
-      }
+      error({ statusCode: 401, message })
     }
-  )
+  })
 }

src/utilities/VuexDecorator.ts

@@ -1,7 +1,6 @@
 /**
  * @file 最低限の定義でVuexの型をType-safeに定義するライブラリ
  */
-/* eslint-disable interface-name */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 
 import {

src/utilities/auth.ts

@@ -32,9 +32,8 @@ export const getTokenFromCookie = (req?: any): string | undefined => {
     console.log('req.headers.cookie:', req.headers.cookie)
     const cookie: string = req.headers.cookie
       .split(';')
-      .find(
-        (c: string): boolean =>
-          c.trim().startsWith(`${ACCESS_TOKEN_COOKIE_NAME}=`)
+      .find((c: string): boolean =>
+        c.trim().startsWith(`${ACCESS_TOKEN_COOKIE_NAME}=`)
       )
 
     if (!cookie) {

src/utilities/cancelToken.ts

@@ -55,11 +55,9 @@ export class CancelTokenMap {
    * @param message キャンセルメッセージ
    */
   public cancelAll(keys: any[], message?: string): void {
-    keys.forEach(
-      (key): void => {
-        this.cancel(key, message)
-      }
-    )
+    keys.forEach((key): void => {
+      this.cancel(key, message)
+    })
   }
 }
 

src/utilities/sleep.ts

@@ -3,9 +3,7 @@
  * @param {number} milliseconds
  */
 export function sleep(milliseconds: number): Promise<void> {
-  return new Promise<void>(
-    (resolve): void => {
-      setTimeout((): void => resolve(), milliseconds)
-    }
-  )
+  return new Promise<void>((resolve): void => {
+    setTimeout((): void => resolve(), milliseconds)
+  })
 }

stories/index.ts

@@ -1,10 +1,7 @@
 import { storiesOf } from '@storybook/vue'
 import HelloWorld from '@/components/HelloWorld.vue'
 
-storiesOf('HelloWorld', module).add(
-  'default',
-  (): any => ({
-    components: { HelloWorld },
-    template: `<HelloWorld message="HelloWorld" />`
-  })
-)
+storiesOf('HelloWorld', module).add('default', (): any => ({
+  components: { HelloWorld },
+  template: `<HelloWorld message="HelloWorld" />`
+}))