eslint-config-scratch/lib/legacy/react.mjs
2025-04-30 14:45:36 -07:00

101 lines
2.7 KiB
JavaScript

import react from 'eslint-plugin-react'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import { FlatCompat } from '@eslint/eslintrc'
import js from '@eslint/js'
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)
const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all,
})
/** @type {import('eslint').Linter.Config[]} */
export default [
...compat.extends('plugin:react/recommended'),
{
plugins: {
react,
},
rules: {
'react/display-name': [2],
'react/forbid-prop-types': [2],
'react/no-children-prop': [2],
'react/no-danger': [2],
'react/no-danger-with-children': [2],
'react/no-deprecated': [2],
'react/no-did-mount-set-state': [2],
'react/no-did-update-set-state': [2],
'react/no-direct-mutation-state': [2],
'react/no-find-dom-node': [2],
'react/no-is-mounted': [2],
'react/no-multi-comp': [
2,
{
ignoreStateless: true,
},
],
'react/no-render-return-value': [2],
'react/no-set-state': [0],
'react/no-string-refs': [2],
'react/no-unescaped-entities': [2],
'react/no-unknown-property': [2],
'react/no-unused-prop-types': [2],
'react/prefer-es6-class': [2],
'react/prefer-stateless-function': [2],
'react/prop-types': [2],
'react/react-in-jsx-scope': [2],
'react/require-optimization': [0],
'react/require-render-return': [2],
'react/self-closing-comp': [2],
'react/sort-comp': [2],
'react/style-prop-object': [2],
'react/jsx-boolean-value': [2, 'never'],
'react/jsx-closing-bracket-location': [2, 'line-aligned'],
'react/jsx-curly-spacing': [2],
'react/jsx-equals-spacing': [2],
'react/jsx-filename-extension': [2],
'react/jsx-first-prop-new-line': [2, 'multiline'],
'react/jsx-handler-names': [2],
'react/jsx-indent': [2],
'react/jsx-indent-props': [2],
'react/jsx-key': [2],
'react/jsx-max-props-per-line': [
2,
{
maximum: 1,
},
],
'react/jsx-no-bind': [
2,
{
ignoreRefs: true,
},
],
'react/jsx-no-comment-textnodes': [2],
'react/jsx-no-duplicate-props': [2],
'react/jsx-no-target-blank': [2],
'react/jsx-no-undef': [2],
'react/jsx-pascal-case': [
2,
{
allowAllCaps: true,
},
],
'react/jsx-tag-spacing': [2],
'react/jsx-uses-react': [2],
'react/jsx-uses-vars': [2],
'react/jsx-wrap-multilines': [2],
},
},
]