JOBIS-FE-V2/eslint.config.js at develop · Team-return/JOBIS-FE-V2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
import js from "@eslint/js";
import globals from "globals";
import reactHooks from "eslint-plugin-react-hooks";
import reactRefresh from "eslint-plugin-react-refresh";
import parserTs from "@typescript-eslint/parser";
import tseslintPlugin from "@typescript-eslint/eslint-plugin";
import prettier from "eslint-plugin-prettier";
import prettierConfig from "eslint-config-prettier";
const { configs: tsConfigs } = tseslintPlugin;

const cleanGlobals = Object.fromEntries(
  Object.entries(globals.browser).map(([key, value]) => [key.trim(), value])
);

export default [
  {
    ignores: [
      "dist",
      "**/dist",
      "node_modules",
      "**/node_modules",
      "coverage",
      ".nx/cache",
      ".nx/workspace-data"
    ]
  },
  prettierConfig,
  js.configs.recommended,
  {
    files: ["**/*.{ts,tsx}"],
    languageOptions: {
      parser: parserTs,
      ecmaVersion: 2023,
      globals: cleanGlobals,
      sourceType: "module"
    },
    plugins: {
      "react-hooks": reactHooks,
      "react-refresh": reactRefresh,
      "@typescript-eslint": tseslintPlugin,
      "prettier": prettier
    },
    rules: {
      ...tsConfigs.recommended.rules,
      ...reactHooks.configs.recommended.rules,
      "no-unused-vars": "off",
      "react-refresh/only-export-components": "off",
      "prettier/prettier": "error",
      "@typescript-eslint/naming-convention": [
        "error",
        {
          selector: "variable",
          format: ["camelCase", "PascalCase"],
          leadingUnderscore: "allow",
          trailingUnderscore: "allow"
        },
        {
          selector: "variable",
          modifiers: ["const", "global"],
          format: ["UPPER_CASE"],
          filter: {
            regex: "^[a-z][a-zA-Z0-9]*$|^[A-Z][a-zA-Z0-9]*$",
            match: false
          }
        },
        {
          selector: "function",
          format: ["camelCase", "PascalCase"]
        },
        {
          selector: "parameter",
          format: ["camelCase", "PascalCase"],
          leadingUnderscore: "allow"
        },
        {
          selector: ["typeLike", "enumMember"],
          format: ["PascalCase"]
        },
        {
          selector: "interface",
          format: ["PascalCase"],
          custom: {
            regex: "^I[A-Z]",
            match: false,
          }
        },
        {
          selector: ["function", "class"],
          format: ["PascalCase"],
          filter: {
            regex: "JSXElement|JSXFragment",
            match: true
          }
        }
      ]
    }
  }
];