nuxt 用の ts && tslint の設定

typescript.js

module.exports = function() {
  this.nuxt.options.extensions.push('ts')

  this.extendBuild(config => {
    config.module.rules.push(
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
        options: {
          appendTsSuffixTo: [/\.vue$/]
        }
      },
      {
        test: /\.tsx?$/,
        enforce: 'pre',
        loader: 'vue-tslint-loader'
      }
    )

    for (let rule of config.module.rules) {
      if (rule.loader === 'vue-loader') {
        rule.options.loaders = {
          ts: 'ts-loader!vue-tslint-loader'
        }
      }
    }

    if (config.resolve.extensions.indexOf('.ts') === -1) {
      config.resolve.extensions.push('.ts')
    }
  })
}