Merge pull request #18 from hisasann/feature/update-nuxt-2.8.0

Feature/update nuxt 2.8.0

Author: hisasann

nuxt.config.ts

@@ -1,13 +1,16 @@
-// https://qiita.com/iwata@github/items/5bc61ea9ca1c692d0370
-import { Configuration } from 'webpack'
-import { Context } from '@nuxt/vue-app'
+import NuxtConfiguration from '@nuxt/config'
+import {
+  Configuration as WebpackConfiguration,
+  Options as WebpackOptions,
+  Plugin as WebpackPlugin
+} from 'webpack'
 import routers from './src/routers/'
 
 const pkg = require('./package')
 
 const isProduction = process.env.BUILD_ENV === 'production'
 
-module.exports = {
+const config: NuxtConfiguration = {
   mode: 'universal',
   srcDir: 'src/',
 
@@ -16,11 +19,11 @@ module.exports = {
    * ビルド時に渡される env の値は、ここに記載することで文字列に置換される
    */
   env: {
-    NODE_ENV: process.env.NODE_ENV,
-    BUILD_ENV: process.env.BUILD_ENV,
-    envName: process.env.envName,
-    internalEndpointUrl: process.env.internalEndpointUrl,
-    externalEndpointUrl: process.env.externalEndpointUrl
+    NODE_ENV: process.env.NODE_ENV || '',
+    BUILD_ENV: process.env.BUILD_ENV || '',
+    envName: process.env.envName || '',
+    internalEndpointUrl: process.env.internalEndpointUrl || '',
+    externalEndpointUrl: process.env.externalEndpointUrl || ''
   },
 
   /**
@@ -31,7 +34,15 @@ module.exports = {
     /**
      * You can extend webpack config here
      */
-    extend(config: Configuration, ctx: Context): void {
+    extend(
+      config: WebpackConfiguration,
+      ctx: {
+        isDev: boolean
+        isClient: boolean
+        isServer: boolean
+        loaders: any
+      }
+    ): void {
       // Run ESLint on save
       if (ctx.isDev && process.client) {
         if (config.module) {
@@ -112,12 +123,12 @@ module.exports = {
    * Plugins to load before mounting the App
    */
   plugins: [
-    '@/plugins/axios.ts',
     '@/plugins/constants-inject.ts',
     '@/plugins/env-inject.ts',
-    '@/plugins/vue-lazyload.ts',
-    '@/plugins/i18n.ts',
-    { src: '@/plugins/vue-carousel.ts', ssr: false }
+    '@/plugins/libraries/axios.ts',
+    '@/plugins/libraries/vue-lazyload.ts',
+    '@/plugins/locale/i18n.ts',
+    { src: '@/plugins/libraries/vue-carousel.ts', ssr: false }
   ],
 
   /*
@@ -190,3 +201,5 @@ module.exports = {
     { path: '/api/healthcheck', handler: '~/api/healthcheck.js' }
   ]
 }
+
+module.exports = config

package.json

@@ -47,65 +47,65 @@
     "url": "https://github.com/hisasann/typescript-nuxtjs-boilerplate/issues"
   },
   "dependencies": {
-    "@nuxt/typescript": "^2.6.2",
-    "@nuxtjs/axios": "^5.4.1",
+    "@nuxt/typescript": "^2.8.0",
+    "@nuxtjs/axios": "^5.5.3",
     "@nuxtjs/pwa": "^3.0.0-beta.14",
-    "@nuxtjs/sentry": "^2.3.2",
-    "@types/webpack": "^4.4.27",
+    "@nuxtjs/sentry": "^3.0.0",
+    "@types/webpack": "^4.4.32",
     "@ungap/url-search-params": "^0.1.2",
     "animejs": "^3.0.1",
-    "body-parser": "^1.18.3",
+    "body-parser": "^1.19.0",
     "cross-env": "^5.2.0",
-    "express": "^4.16.4",
+    "express": "^4.17.1",
     "js-cookie": "^2.2.0",
     "moment": "^2.24.0",
-    "nuxt": "^2.6.2",
+    "nuxt": "^2.8.0",
     "nuxt-client-init-module": "^0.1.4",
     "nuxt-env": "^0.1.0",
     "nuxt-property-decorator": "^2.1.3",
     "throttle-debounce": "^2.1.0",
-    "ts-node": "^8.1.0",
+    "ts-node": "^8.2.0",
     "vue-carousel": "^0.18.0",
-    "vue-i18n": "^8.10.0",
+    "vue-i18n": "^8.11.2",
     "vue-lazyload": "^1.2.6"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^0.0.1",
     "@nuxtjs/style-resources": "^0.1.2",
-    "@storybook/vue": "^5.0.9",
+    "@storybook/vue": "^5.0.11",
     "@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.11",
+    "@types/jest": "^24.0.13",
     "@types/js-cookie": "^2.2.2",
     "@types/moment": "^2.13.0",
-    "@types/prettier": "1.16.2",
+    "@types/prettier": "1.16.4",
     "@types/storybook__vue": "^5.0.1",
-    "@typescript-eslint/eslint-plugin": "^1.6.0",
-    "@typescript-eslint/parser": "^1.6.0",
+    "@typescript-eslint/eslint-plugin": "^1.9.0",
+    "@typescript-eslint/parser": "^1.9.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
-    "babel-jest": "^24.7.1",
+    "babel-jest": "^24.8.0",
     "babel-preset-vue": "^2.0.2",
     "eslint": "^5.16.0",
-    "eslint-config-prettier": "^4.1.0",
+    "eslint-config-prettier": "^4.3.0",
     "eslint-config-standard": ">=12.0.0",
     "eslint-loader": "^2.1.2",
-    "eslint-plugin-import": ">=2.17.2",
-    "eslint-plugin-jest": ">=22.4.1",
-    "eslint-plugin-node": ">=8.0.1",
-    "eslint-plugin-prettier": "3.0.1",
+    "eslint-plugin-import": ">=2.17.3",
+    "eslint-plugin-jest": ">=22.6.4",
+    "eslint-plugin-node": ">=9.1.0",
+    "eslint-plugin-prettier": "3.1.0",
     "eslint-plugin-promise": ">=4.1.1",
     "eslint-plugin-standard": ">=4.0.0",
     "eslint-plugin-vue": "^5.2.2",
-    "husky": "^1.3.1",
-    "jest": "^24.7.1",
-    "node-sass": "^4.11.0",
-    "nodemon": "^1.18.11",
-    "prettier": "1.17.0",
+    "husky": "^2.3.0",
+    "jest": "^24.8.0",
+    "node-sass": "^4.12.0",
+    "nodemon": "^1.19.1",
+    "prettier": "1.17.1",
     "pug": "^2.0.3",
     "pug-plain-loader": "^1.0.0",
     "rimraf": "^2.6.3",

src/components/LazyImage.vue renamed to src/components/partials/lazyImage/LazyImage.vue

@@ -16,7 +16,7 @@ section
 
 <script lang="ts">
 import { Component, Vue } from 'nuxt-property-decorator'
-import LazyImage from '@/components/LazyImage.vue'
+import LazyImage from '@/components/partials/lazyImage/LazyImage.vue'
 
 @Component({
   components: {

src/pages/example/img-lazy-load.vue

@@ -14,7 +14,7 @@ export default ({ app, store }): void => {
     locale: store.state.i18n.locale,
     fallbackLocale: 'ja',
     messages: {
-      ja: require('~/locales/ja.json')
+      ja: require('@/locales/ja.json')
     }
   })
 

src/plugins/axios.ts renamed to src/plugins/libraries/axios.ts

@@ -2,38 +2,35 @@
   "compilerOptions": {
     "allowJs": true,
     "baseUrl": ".",
+    "esModuleInterop": true,
     "experimentalDecorators": true,
     "lib": [
-      "dom",
-      "es2015",
-      "es2017"
+      "esnext",
+      "esnext.asynciterable",
+      "dom"
     ],
     "module": "esnext",
     "moduleResolution": "node",
-    "noImplicitThis": true,
     "paths": {
       "@/*": [
         "src/*"
       ],
       "~/*": [
-        "./*"
-      ],
-      "*": [
-        "types/*"
+        "src/*"
       ]
     },
+    "removeComments": true,
     "sourceMap": true,
     "strictNullChecks": true,
-    "strictPropertyInitialization": false,
-    "target": "es5",
+    "noImplicitThis": true,
+    "target": "esnext",
     "types": [
       "@types/node",
       "@types/jest",
       "@types/webpack",
       "@nuxt/vue-app"
     ],
-    "esModuleInterop": true,
-    "strict": true,
+    "strict": false,
     "noImplicitAny": false,
     "noEmit": true
   },
@@ -46,3 +43,4 @@
     "stories"
   ]
 }
+