ESLintで () 内のインデントが希望通りに設定できない

Question

ESLintのインデントのルールで困っていることがあり質問しました。

やりたいこと

希望通りのインデントになるように、ESLintのルールを設定したいです。

環境

• yarn: v1.9.4
• @vue/cli: 3.0.0

vue-cli 3.0.0でアプリを作成し、vuetifyをaddしています。cliのほとんどの質問？はオンにしました。
それ意外のコードは問題箇所以外変えていません。

eslintのスタイルはAirbnbを選択しています。

$ vue create test-app
$ vue add vuetify

現象

lintのエラーが出て、auto-fixすると()内のインデントが閉じカッコ含めて全てスペース2つに修正されてしまいます。

lint前の希望するインデントとエラー

コメントはeslintのエラー内容です。

@Component({
  components: {
    Helloworld, // [eslint] Expected indentation of 2 spaces but found 4. (indent)
  },
}) // [eslint] Expected indentation of 2 spaces but found 0. (indent)

lint後のコード

@Component({
  components: {
  HelloWorld,
  },
  })

試したこと

package.json に以下のようなrulesを追加しましたが、どれも期待通りにはなりませんでした。

"indent": 0 ならエラーは消えましたが、無効にはしたくないので、上手くルールを設定したいです。
スタイルをAirbnbから変えるという方法はできるだけしたくありませんが、そうすることも視野に入れています。

// "rules"
"indent": ["error", 2, { "ObjectExpression": 1 }]
"indent": ["error", 2, { "CallExpression": {"arguments": 1} }],
"indent": ["error", 2, { "FunctionExpression": {"body": 1, "parameters": 2} }]

ファイルの中身

package.json

{
  "name": "test-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "register-service-worker": "^1.0.0",
    "vue": "^2.5.17",
    "vue-class-component": "^6.0.0",
    "vue-property-decorator": "^7.0.0",
    "vue-router": "^3.0.1",
    "vuetify": "^1.0.19",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@babel/polyfill": "^7.0.0-beta.49",
    "@types/jest": "^23.1.4",
    "@vue/cli-plugin-babel": "^3.0.0",
    "@vue/cli-plugin-eslint": "^3.0.0",
    "@vue/cli-plugin-pwa": "^3.0.0",
    "@vue/cli-plugin-typescript": "^3.0.0",
    "@vue/cli-plugin-unit-jest": "^3.0.0",
    "@vue/cli-service": "^3.0.0",
    "@vue/eslint-config-airbnb": "^3.0.0",
    "@vue/eslint-config-typescript": "^3.0.0",
    "@vue/test-utils": "^1.0.0-beta.20",
    "babel-core": "7.0.0-bridge.0",
    "lint-staged": "^7.2.0",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.0.1",
    "ts-jest": "^23.0.0",
    "typescript": "^3.0.0",
    "vue-cli-plugin-vuetify": "^0.1.6",
    "vue-template-compiler": "^2.5.17"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/airbnb",
      "@vue/typescript"
    ],
    "rules": {
      "indent": ["error", 2, { "ObjectExpression": 1 }]
    },
    "parserOptions": {
      "parser": "typescript-eslint-parser"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "jest": {
    "moduleFileExtensions": [
      "js",
      "jsx",
      "json",
      "vue",
      "ts",
      "tsx"
    ],
    "transform": {
      "^.+\.vue$": "vue-jest",
      ".+\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
      "^.+\.tsx?$": "ts-jest"
    },
    "moduleNameMapper": {
      "^@/(.*)$": "<rootDir>/src/$1"
    },
    "snapshotSerializers": [
      "jest-serializer-vue"
    ],
    "testMatch": [
      "**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"
    ],
    "testURL": "http://localhost/"
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.js": [
      "vue-cli-service lint",
      "git add"
    ],
    "*.vue": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

Home.vue (エラーが出るファイル)

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

@Component({
  components: {
    HelloWorld,
  },
})
export default class Home extends Vue {}
</script>

参考にしたページ

indent - Rules - ESLint - Pluggable JavaScript linter
eslintで、怒られないコードを書く - Qiita
ESLintについてのメモ - Qiita