Merge pull request #22 from hisasann/feature/renovate-nuxt-2.8.1

Feature/renovate nuxt 2.8.1

Author: hisasann

package.json

@@ -48,13 +48,13 @@
   },
   "dependencies": {
     "@lollipop-onl/vuex-typesafe-helper": "^0.2.6",
-    "@nuxt/typescript": "^2.8.0",
-    "@nuxtjs/axios": "^5.5.3",
+    "@nuxt/typescript": "^2.8.1",
+    "@nuxtjs/axios": "^5.5.4",
     "@nuxtjs/pwa": "^3.0.0-beta.14",
     "@nuxtjs/sentry": "^3.0.0",
     "@types/shortid": "^0.0.29",
     "@types/swiper": "^4.4.3",
-    "@types/webpack": "^4.4.32",
+    "@types/webpack": "^4.4.34",
     "@ungap/url-search-params": "^0.1.2",
     "animejs": "^3.0.1",
     "body-parser": "^1.19.0",
@@ -63,57 +63,57 @@
     "express": "^4.17.1",
     "js-cookie": "^2.2.0",
     "moment": "^2.24.0",
-    "nuxt": "^2.8.0",
+    "nuxt": "^2.8.1",
     "nuxt-client-init-module": "^0.1.4",
     "nuxt-env": "^0.1.0",
-    "nuxt-property-decorator": "^2.1.3",
+    "nuxt-property-decorator": "^2.3.0",
     "shortid": "^2.2.14",
     "throttle-debounce": "^2.1.0",
-    "ts-node": "^8.2.0",
-    "vee-validate": "^2.2.9",
+    "ts-node": "^8.3.0",
+    "vee-validate": "^2.2.11",
     "vue-awesome-swiper": "^3.1.3",
     "vue-carousel": "^0.18.0",
     "vue-i18n": "^8.11.2",
-    "vue-lazyload": "^1.2.6"
+    "vue-lazyload": "^1.3.1"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^0.0.1",
     "@nuxtjs/style-resources": "^0.1.2",
-    "@storybook/vue": "^5.0.11",
+    "@storybook/vue": "^5.1.9",
     "@types/animejs": "^2.0.2",
     "@types/babel-core": "6.25.6",
     "@types/eslint": "^4.16.6",
     "@types/eslint-plugin-prettier": "2.2.0",
-    "@types/express": "^4.16.1",
-    "@types/jest": "^24.0.13",
+    "@types/express": "^4.17.0",
+    "@types/jest": "^24.0.15",
     "@types/js-cookie": "^2.2.2",
     "@types/moment": "^2.13.0",
     "@types/prettier": "1.16.4",
-    "@types/storybook__vue": "^5.0.1",
-    "@typescript-eslint/eslint-plugin": "^1.9.0",
-    "@typescript-eslint/parser": "^1.9.0",
+    "@types/storybook__vue": "^5.0.2",
+    "@typescript-eslint/eslint-plugin": "^1.11.0",
+    "@typescript-eslint/parser": "^1.11.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^10.0.1",
+    "babel-eslint": "^10.0.2",
     "babel-jest": "^24.8.0",
     "babel-preset-vue": "^2.0.2",
-    "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.3.0",
+    "eslint": "^6.0.1",
+    "eslint-config-prettier": "^6.0.0",
     "eslint-config-standard": ">=12.0.0",
     "eslint-loader": "^2.1.2",
-    "eslint-plugin-import": ">=2.17.3",
-    "eslint-plugin-jest": ">=22.6.4",
+    "eslint-plugin-import": ">=2.18.0",
+    "eslint-plugin-jest": ">=22.7.1",
     "eslint-plugin-node": ">=9.1.0",
     "eslint-plugin-prettier": "3.1.0",
-    "eslint-plugin-promise": ">=4.1.1",
+    "eslint-plugin-promise": ">=4.2.1",
     "eslint-plugin-standard": ">=4.0.0",
-    "eslint-plugin-vue": "^5.2.2",
-    "husky": "^2.3.0",
+    "eslint-plugin-vue": "^5.2.3",
+    "husky": "^3.0.0",
     "jest": "^24.8.0",
     "node-sass": "^4.12.0",
     "nodemon": "^1.19.1",
-    "prettier": "1.17.1",
-    "pug": "^2.0.3",
+    "prettier": "1.18.2",
+    "pug": "^2.0.4",
     "pug-plain-loader": "^1.0.0",
     "rimraf": "^2.6.3",
     "sass-loader": "^7.1.0",

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" />`
+}))