Vue.js + TypeScript なプロジェクトで prettier/eslint を設定するメモ

# https://eslint.vuejs.org/user-guide/
yarn add -D eslint eslint-plugin-vue
# config で prettier と競合するルールを無効化する
yarn add -D prettier eslint-config-prettier
# TS ファイルを parse できるように
yarn add -D  @typescript-eslint/parser @typescript-eslint/eslint-plugin

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true,
  "printWidth": 120
}

module.exports = {
  plugins: ['@typescript-eslint'],
  parserOptions: {
    parser: '@typescript-eslint/parser',
  },
  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:vue/vue3-recommended', 'prettier'],
  rules: {},
  env: {
    node: true,
  },
};