Nuxt3でESLint Flat Configを以下ページのとおりに導入すると、prettierと競合する場合がある
(stylisticを使う前提の手順なので当然といえば当然だが)
↑ @stylistic/quotesエラーが出ている
prettierはデフォルトだとsingleQuote: falseのため、手でシングルクォートに修正してもCtrl + Sすると自動でダブルクォートになる
(VSCodeにて保存時に修正設定あり)
Flat Configになってからもprettierを使い続けることの是非は置いておくが、今までのルールからできるだけ変えずにFlat Configに移行したい場合もあると思われる
nuxt.config.tsに以下設定があるとESLintのスタイリングルールであるstylisticが有効になってしまいprettierと競合する
eslint: {
config: {
stylistic: true,
},
},
上記を削除するか明示的にfalseとすることで@stylistic関連のルールがすべて無効化され、prettierと競合しなくなる
