ESLint + stylisticでswitch文のindentが修正できない

VSCodeでeslintをtypescript-eslintを使っていると、switch文のindentでエラーの取り合いをして上書き合戦がはじまってしまう。

使用パッケージ

• eslint v9
• typescript-eslint
• stylistic

eslintからformatter関連の機能が削除されたため、stylisticで代用する。

解決方法

VSCodeのsettings.jsonに、defaultFormatterを指定する。

{
  "eslint.useFlatConfig": true,
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  
  // 以下のdefaultFormatterを指定する
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
}