Migration to eslint@9

[yceffort-naver]

https://eslint.org/blog/2024/04/eslint-v9.0.0-released/

• eslint-config
  • eslint@9
    • flat config
    • dependencies
      • eslint-config-next
      • eslint-config-standard
  • esm/cjs build and support dual packages
  • typescript
  • release eslint-config@2
• eslint-plugin
  • eslint@9
    • flat config
    • deprecated interface
  • esm/cjs build and support dual packages
  • typescript
  • release eslint-plugin@2

[yceffort-naver]

pnpm outdated -r
┌─────────────────────────────────┬───────────────────────┬─────────┬─────────────────────────┐
│ Package                         │ Current               │ Latest  │ Dependents              │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ @changesets/cli (dev)           │ 2.27.1                │ 2.27.9  │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ lint-staged (dev)               │ 15.2.2                │ 15.2.10 │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ @babel/eslint-parser (dev)      │ 7.24.8                │ 7.25.9  │ @naverpay/eslint-plugin │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ @babel/preset-react (dev)       │ 7.24.7                │ 7.25.9  │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ eslint-plugin-import            │ 2.26.0                │ 2.31.0  │ @naverpay/eslint-config │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ jsonc-parser (dev)              │ 3.2.1                 │ 3.3.1   │ @naverpay/markdown-lint │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ prettier (dev)                  │ 3.2.5                 │ 3.3.3   │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ typescript (dev)                │ 5.3.3                 │ 5.6.3   │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ @typescript-eslint/parser (dev) │ 7.9.0                 │ 8.15.0  │ @naverpay/eslint-plugin │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ glob (dev)                      │ 9.3.5                 │ 11.0.0  │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ husky (dev)                     │ 8.0.3                 │ 9.1.7   │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ minimatch                       │ 9.0.4                 │ 10.0.1  │ @naverpay/eslint-plugin │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ turbo (dev)                     │ 2.3.0 (wanted 1.12.4) │ 2.3.0   │ @naverpay/code-style    │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ markdownlint (dev)              │ 0.32.1                │ 0.36.1  │ @naverpay/markdown-lint │
├─────────────────────────────────┼───────────────────────┼─────────┼─────────────────────────┤
│ markdownlint-cli2               │ 0.11.0                │ 0.15.0  │ @naverpay/markdown-lint │
└─────────────────────────────────┴───────────────────────┴─────────┴─────────────────────────┘

[yongholeeme]

https://nextjs.org/blog/next-15-rc2#eslint-9-support

[yceffort]

플러그인 때문인가? 애초에 next lint 를 안써서 문제가 안될수도

[yongholeeme]

플러그인 때문인가? 애초에 next lint 를 안써서 문제가 안될수도

https://github.com/NaverPayDev/code-style/blob/main/packages/eslint-config/recommends/next.js#L3 @next/eslint-plugin-next 을 쓰고 있는데, 이게 아직 eslint@9 대응이 전혀 안되어있어서 보고 있습니다;

[yceffort]

ㅠㅠ 빼야겠네여

[yceffort]

것도 문젠데 만들어도 기존 프로젝트는 못쓰겠군요

[yongholeeme]

@next/eslint-plugin-next 을 쓰고 있는데, 이게 아직 eslint@9 대응이 전혀 안되어있어서 보고 있습니다;

flat config 가 대응 안되는 부분은 workaround를 적용하면 되는데, eslint-plugin-next 의 custom rule 에서 사용하는 api 중에 eslint@9 에서 삭제된 부분이 있어 아예 사용 불가능

[yongholeeme]

eslint-config-standard 도 다른 패키지로 검토 필요

• Support for Eslint v9 Flat Config format standard/eslint-config-standard#411
• Maintenance & Governance of standard standard/standard#1948