コードスタイル

NuxtはESLintをすぐに使える状態でサポートしています

ESLint

Nuxtでの推奨されるアプローチは、@nuxt/eslintモジュールを使用してESLintサポートを有効にすることです。これにより、プロジェクトに合わせたESLint設定が自動的にセットアップされます。

このモジュールは新しいESLintフラット設定形式向けに設計されており、ESLint v9以降ではデフォルトの形式です。従来の.eslintrc設定を使用している場合は、@nuxt/eslint-configを使って手動で設定する必要があります。将来性を考慮して、フラット設定への移行を強くお勧めします。

クイックセットアップ

npx nuxt module add eslint

Nuxtアプリを起動すると、プロジェクトのルートにeslint.config.mjsファイルが生成されます。必要に応じてカスタマイズできます。

モジュールとカスタマイズの詳細については、Nuxt ESLintのドキュメント.