ESLint 9のflat configに移行する

[ha6-6ru]

2025/7/16

• maia 側で flat config に移行完了
• CSR 編については変更点なし
• ガイドのドキュメントについては別途 issue 化が完了
  のため、本issueとしてはクローズします。

概要

ESLintの新しいconfig（flat config）の実装が進んでいるので、経過を見て適用する。
https://eslint.org/blog/2022/08/new-config-system-part-1/

typescript-eslintおよび他のプラグインの状況を併せてウォッチする。
typescript-eslint/typescript-eslint#5908

完了条件

• flat configへの移行完了
• アーキテクチャCSR編の改修が完了していること
• ガイド/AP開発手順Vue.js編の改修が完了していること

[1nu1taichi]

Dresscaのeslintrc.cjsをマイグレーションすると以下のようになる

import { FlatCompat } from '@eslint/eslintrc';
import gitignore from 'eslint-config-flat-gitignore';
import js from '@eslint/js';

const compat = new FlatCompat();

export default [
  gitignore(),
  js.configs.recommended,
  ...compat.extends(
    'plugin:vue/vue3-recommended',
    '@vue/eslint-config-typescript/recommended',
    '@vue/eslint-config-prettier',
  ),
  {
    files: ['**/*.{vue,js,ts,jsx,tsx}'],
    languageOptions: {
      globals: {
        'vue/setup-compiler-macros': true,
      },
    },
    ignores: ['postcss.config.cjs', 'tailwind.config.js'],
  },
];

ただしoverridesの仕組みがなくなっており、Cypress関連ファイルのみプラグインとルールを適用する方法が判明していない。
eslintrcではoverrides-extendsと入れ子になっており、flat configでは入れ子でextendsができず、並列となってしまい、tsやvueファイルに対してもcypressプラグインがかかってしまう。