nuxt 2.4.0 => 2.6.1 にあげる

以下正確な手順なのかわからないが、自分のやった方法。

• 次のファイルを削除 yarn.lock, package-lock.json and node_modules
• package.json の nuxt を 2.6.1 に変更
• yarn install
• yarn upgrade (とくに何も起きなかった。そういうもんなのか…)
• これでとりあえず普通に動いた。

TypeScript を入れる

公式マイグレーション手順

yarn add ts-node @nuxt/typescript

公式 TypeScript 追加手順

ただし、2.5 に TypeScript を追加する手順。

• これは嘘。echo "{}" > tsconfig.json。
• 単純に空の tsconfig.json を作ればいい模様。
• で nuxt を実行すれば勝手にこのファイルに記述してくれるとのこと。
• this.$store とか this.$axios が怪しい…

vue-property-decorator を導入

component 内では vue-property-decorator を推奨とのことなので導入。

https://nuxtjs.org/guide/typescript#components

と思ったが、nuxt-property-decorator もある… https://github.com/nuxt-community/nuxt-property-decorator

だいたい全部入れた…

module.exports = {
  parser: 'vue-eslint-parser',
  extends: ['prettier', 'prettier/@typescript-eslint'],
  parserOptions: {
    parser: '@typescript-eslint/parser',
    ecmaVersion: 2018,
    sourceType: 'module',
    project: './tsconfig.json'
  },
  plugins: ['prettier', '@typescript-eslint'],
  rules: {
    'no-console': 'off',
    'prettier/prettier': 'error',
    '@typescript-eslint/no-unused-vars': 'error'
  }
}