eslint+Prettierを導入する際にエラー文が表示される

Question

yarn startをすると下記にエラーが表示されてしまいます。

Error: "prettier/@typescript-eslint" has been merged into "prettier" in eslint-config-prettier 8.0.0. See: https://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md#version-800-2021-02-21

上記の注意文は新しいversionの書き方にしろという注意文だと思い、.eslintrc.jsonを下記に変更しましたが
うまく表示されず上記のエラーを解消することができません。
何が原因か教えていただけますでしょうか。

{
  "extends": [
      "eslint:recommended",
      "plugin:@typescript-eslint/recommended",
      " some-other-config-you-use ",
      "prettier"
      
  ],
  "plugins": [
      "@typescript-eslint"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
      "sourceType": "module"
  },
  "env": {
      "browser": true,
      "node": true,
      "es6": true
  },
  "rules": {
     
  }
}

基本的にQiitaのVSCodeでESLint+typescript-eslint+Prettierを導入する（2020/11/14修正）を参考にeslintとprettierをダウンロード致しました。
ご教授いただけると幸いです。

Comments

[Daregada]

" some-other-config-you-use ",
って、これをそのまま書いてあるのですか?

[moemo]

" some-other-config-you-use "はgithubのhttps://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md#version-800-2021-02-21

↑に記載があり、そのまま記述しました。
ただ、その後も自分でいじっていたところversionを8.0.0にすることで解決することができました。
しかし、" some-other-config-you-use "を記述するとエラーになり、書かないとエラーには出ませんでした。
" some-other-config-you-use "とは一体どんな意味を持つのかがあまり理解しておりません。
ネットで検索して説明がなく、ご教授頂ければ幸いです。

[Daregada]

そこは、日本語でいうと「ほかの設定があれば、ここに書いてね」と**説明文**が書いてあるのです。つまり、"extends"の配列の末尾に"prettier"を書き、残りの設定(今回だと"eslint:recommended",など)はそれより前に書いておいてね、という意味です。そのまま書いたのではエラーになりますね。

[moemo]

お恥ずかしい限りです。。。
ありがとうございます！！

Answer 1

"prettier/@typescript-eslint"が"prettier"に統合されたので、"prettier/@typescript-eslint"は使わずに"prettier"を使ってね、というエラー文だと思います。

https://github.com/prettier/eslint-config-prettier/blob/main/CHANGELOG.md#version-800-2021-02-21

と見ると、変更の仕方が書いてあります。@typescript-eslintを使っているところを消すだけで解決しそうですがいかがでしょうか？

{
  "extends": [
      "eslint:recommended",
      " some-other-config-you-use ",
      "prettier"

  ],
  "plugins": [
      "@typescript-eslint"
  ],
  "parserOptions": {
      "sourceType": "module"
  },
  "env": {
      "browser": true,
      "node": true,
      "es6": true
  },
  "rules": {

  }
}