Zinn One ESLint config

O que está incluso?

• Base recomendada do ESLint 9;
• Integração com TypeScript (typescript-eslint);
• React + React Hooks + JSX a11y (configs React/Next);
• Prettier integrado (regra prettier/prettier + eslint-config-prettier).

Instalação

Instale as dependências no seu projeto:

npm i -D eslint @zinnone/eslint-config

Observação: este pacote já inclui as dependências necessárias (plugins/configs). Você só precisa do eslint (e typescript se usar TS).

Uso (ESLint 9 - Flat Config)

Crie um arquivo eslint.config.js na raiz do seu projeto e importe a configuração desejada.

Padrão (JavaScript/TypeScript)

import base from '@zinnone/eslint-config'

export default [
  ...base,
]

React (sem Next.js)

import react from '@zinnone/eslint-config/react'

export default [
  ...react,
]

Next.js

import next from '@zinnone/eslint-config/next'
// Opcional: adicionar regras do Next (core-web-vitals) no seu projeto via compat
// Exemplo:
// import { FlatCompat } from '@eslint/eslintrc'
// const compat = new FlatCompat({ baseDirectory: import.meta.dirname })
// export default [
//   ...next,
//   ...compat.config({ extends: ['next/core-web-vitals'] }),
// ]

export default [
  ...next,
]

Node.js (backend)

import node from '@zinnone/eslint-config/node'

export default [
  ...node,
]

Notas sobre Prettier

• A configuração já aplica eslint-plugin-prettier/recommended e eslint-config-prettier.
• Preferimos que suas opções do Prettier fiquem em .prettierrc para evitar divergências entre ferramentas.

Configurações disponíveis

• Default (@zinnone/eslint-config): Base para JS/TS
• React (@zinnone/eslint-config/react): Projetos React
• Next.js (@zinnone/eslint-config/next): Projetos Next.js
• Node.js (@zinnone/eslint-config/node): Projetos Node.js