Nuxt.js + TypeScript + ESLint をやる最小構成 ref: https://qiita.com/nasum/items/a1fc32e3540276161e59

.eslintrc

{
  "parser": "vue-eslint-parser", // パーサにvue-eslint-parserを指定しSFCをリント可能に
  "parserOptions": {
    "parser": "typescript-eslint-parser" // オプションでTypeScriptをパースできるパーサを指定
  },
  "extends": [
    "eslint:recommended",
    "typescript" // eslint-config-typescriptのルールを追加
  ],
  "plugins": ["typescript"], // eslint-plugin-typescriptを指定
  "rules": {
    "semi": ["error", "never"] // 追加ルールでセミコロンの指摘を無視するようにする
  }
}

eslint.js

module.exports = function() {
  this.extendBuild(config => {
    config.module.rules.push({
      enforce: 'pre',
      test: /\.(js|vue|ts)$/,
      loader: 'eslint-loader',
      exclude: /(node_modules)/,
    })
  })
}

これでリントされるようになります。

この状態で実行してみます。

```zsh
$ yarn run dev

file0.txt

$ yarn init
$ yarn add nuxt
$ mkdir pages
$ touch pages/index.vue

file11.txt

 ERROR  Failed to compile with 1 errors                                                                            friendly-errors 23:59:03


 ERROR  in /Users/masaya/src/github.com/nasum/nuxt-typescript/pages/index.vue.ts                                   friendly-errors 23:59:03

[tsl] ERROR in /Users/masaya/src/github.com/nasum/nuxt-typescript/pages/index.vue.ts(18,7)                         friendly-errors 23:59:03
      TS2322: Type 'number' is not assignable to type 'string'.

file12.txt

$ yarn add -D eslint eslint-loader eslint-plugin-typescript typescript-eslint-parser vue-eslint-parser eslint-config-typescript

file13.txt

これらのパッケージをインストールしたので設定を書いていきます。

```json:.eslintrc
{
  "parser": "vue-eslint-parser", // パーサにvue-eslint-parserを指定しSFCをリント可能に
  "parserOptions": {
    "parser": "typescript-eslint-parser" // オプションでTypeScriptをパースできるパーサを指定
  },
  "extends": [
    "eslint:recommended",
    "typescript" // eslint-config-typescriptのルールを追加
  ],
  "plugins": ["typescript"], // eslint-plugin-typescriptを指定
  "rules": {
    "semi": ["error", "never"] // 追加ルールでセミコロンの指摘を無視するようにする
  }
}

file15.txt

 ERROR  Failed to compile with 1 errors                                                                            friendly-errors 00:32:00


 ERROR  in ./pages/index.vue                                                                                       friendly-errors 00:32:00

Module Error (from ./node_modules/eslint-loader/index.js):                                                         friendly-errors 00:32:00

/Users/masaya/src/github.com/nasum/nuxt-typescript/pages/index.vue
  12:18  error  Expected a semicolon          typescript/member-delimiter-style
  18:16  error  Strings must use singlequote  quotes

✖ 2 problems (2 errors, 0 warnings)
  2 errors and 0 warnings potentially fixable with the `--fix` option.

file3.txt

$ yarn run dev

file4.txt

$ yarn add -D typescript ts-loader

file9.txt

$ yarn run dev

index.d.ts

declare module "*.vue" {
  import Vue from "vue";
  const _default: Vue;
  export default _default;
}

index.vu

export default Vue.extend({
  data(): Data {
    return {
      message: 1
    }
  }
})

index.vue

export default Vue.extend({
  data(): Data {
    return {
      message: 1
    }
  }
})

package.json

{
  "name": "nuxt-typescript",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "dev": "nuxt"
  },
  "dependencies": {
    "nuxt": "^2.3.4"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es5", // コンパイルするJSのバージョン指定。
    "module": "esnext", // モジュールの形式の指定
    "moduleResolution": "node", // モジュールの解決方法の指定
    "allowSyntheticDefaultImports": true, // exportしていないモジュールのコンパイル時にエラーを出さないようにする
    "allowJs": true, // コンパイル対象にJSを含んでもエラーを出さないようにする
    "lib": ["esnext", "dom"], // コンパイルに含めるライブラリファイルの指定
  }
}

typescript.js

module.exports = function() {
  // Webpackのビルド設定を拡張する
  this.extendBuild(config => {
    config.module.rules.push(
      {
        test: /((client|server)\.js)|(\.tsx?)$/,
        loader: 'ts-loader',
        options: {
          appendTsSuffixTo: [/\.vue$/]
        }
      }
    )

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

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