91 lines
2.0 KiB
JavaScript
91 lines
2.0 KiB
JavaScript
/**
|
|
* This is intended to be a basic starting point for linting in your app.
|
|
* It relies on recommended configs out of the box for simplicity, but you can
|
|
* and should modify this configuration to best suit your team's needs.
|
|
*/
|
|
|
|
/** @type {import('eslint').Linter.Config} */
|
|
module.exports = {
|
|
root: true,
|
|
parserOptions: {
|
|
ecmaVersion: 'latest',
|
|
sourceType: 'module',
|
|
ecmaFeatures: {
|
|
jsx: true,
|
|
},
|
|
},
|
|
env: {
|
|
browser: true,
|
|
commonjs: true,
|
|
es6: true,
|
|
},
|
|
ignorePatterns: ['build/**/*', 'node_modules/**/*', 'public/**/*'],
|
|
|
|
// Base config
|
|
extends: ['eslint:recommended'],
|
|
|
|
overrides: [
|
|
// React
|
|
{
|
|
files: ['**/*.{js,jsx,ts,tsx}'],
|
|
plugins: ['react', 'jsx-a11y'],
|
|
rules: {
|
|
'react/jsx-uses-vars': 'error',
|
|
'react/jsx-uses-react': 'error',
|
|
},
|
|
extends: [
|
|
'plugin:react/recommended',
|
|
'plugin:react/jsx-runtime',
|
|
'plugin:react-hooks/recommended',
|
|
'plugin:jsx-a11y/recommended',
|
|
],
|
|
settings: {
|
|
react: {
|
|
version: 'detect',
|
|
},
|
|
formComponents: ['Form'],
|
|
linkComponents: [
|
|
{ name: 'Link', linkAttribute: 'to' },
|
|
{ name: 'NavLink', linkAttribute: 'to' },
|
|
],
|
|
'import/resolver': {
|
|
typescript: {
|
|
project: './remix/tsconfig.json',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
// Typescript
|
|
{
|
|
files: ['**/*.{ts,tsx}'],
|
|
plugins: ['@typescript-eslint', 'import'],
|
|
parser: '@typescript-eslint/parser',
|
|
settings: {
|
|
'import/internal-regex': '^~/',
|
|
'import/resolver': {
|
|
node: {
|
|
extensions: ['.ts', '.tsx'],
|
|
},
|
|
typescript: {
|
|
alwaysTryTypes: true,
|
|
},
|
|
},
|
|
},
|
|
extends: [
|
|
'plugin:@typescript-eslint/recommended',
|
|
'plugin:import/recommended',
|
|
'plugin:import/typescript',
|
|
],
|
|
},
|
|
|
|
// Node
|
|
{
|
|
files: ['.eslintrc.cjs'],
|
|
env: {
|
|
node: true,
|
|
},
|
|
},
|
|
],
|
|
};
|