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,
|
|
},
|
|
},
|
|
],
|
|
}
|