VSCodeでESLint/Prettierを競合させたせいでVueのフォーマットができなかったのを直した

発生していたこと

VSCodeで保存時にフォーマットがかかる設定にしていたところ、正しくフォーマットされたあとに意図しないフォーマットが上書きされてしまっていた。
どうやら、ESLintによるフォーマットのあとにPrettierによるフォーマットが走っている模様。

原因

  • eslint-plugin-vueのルールのうち、フォーマットに関わるものを独自に指定していた
  • 指定していたものがPrettierのデフォルトと食い違っていた

対処

  • .eslintrc.cjsから当該ルールの指定を除去
  • .prettierrc.cjsでそれらに対応するルールを有効化