COMFIT-CLIENT/eslint.config.js at dev · TEAM-COMFIT/COMFIT-CLIENT · 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
import storybook from "eslint-plugin-storybook";
import js from "@eslint/js";
import globals from "globals";
import reactHooks from "eslint-plugin-react-hooks";
import reactRefresh from "eslint-plugin-react-refresh";
import tseslint from "typescript-eslint";
import { defineConfig } from "eslint/config";
import importPlugin from "eslint-plugin-import";
import typescriptParser from "@typescript-eslint/parser";
import eslintConfigPrettier from "eslint-config-prettier";
import react from "eslint-plugin-react";

export default defineConfig([
  {
    ignores: [
      "dist",
      "node_modules",
      "build",
      "*.config.js",
      "*.config.ts",
      "**/*.ejs",
    ],
  },

  importPlugin.flatConfigs.recommended,
  importPlugin.flatConfigs.typescript,
  js.configs.recommended,
  ...tseslint.configs.recommended,
  reactHooks.configs.flat.recommended,
  reactRefresh.configs.vite,

  {
    files: ["**/*.{ts,tsx}"],
    plugins: {
      react,
    },
    settings: {
      react: {
        version: "detect",
      },
      "import/resolver": {
        typescript: {
          alwaysTryTypes: true,
          project: "./tsconfig.app.json",
        },
      },
    },
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
      sourceType: "module",
      parser: typescriptParser,
      parserOptions: {
        ecmaFeatures: {
          jsx: true,
        },
      },
    },
    rules: {
      "no-var": "error", // var 금지
      "no-console": ["warn", { allow: ["warn", "error"] }], // console.log 경고

      "no-unused-vars": "off", // ts 룰로 대체함
      "@typescript-eslint/no-unused-vars": [
        // 사용하지 않는 변수 경고
        "warn",
        {
          argsIgnorePattern: "^_",
          varsIgnorePattern: "^_",
          caughtErrorsIgnorePattern: "^_",
        },
      ],

      "@typescript-eslint/consistent-type-imports": [
        // type import 사용 권장
        "error",
        { prefer: "type-imports" },
      ],
      "@typescript-eslint/no-explicit-any": "warn", // any 사용 경고
      "@typescript-eslint/no-non-null-assertion": "warn", // non-null assertion 경고

      "react-hooks/rules-of-hooks": "error", // Hooks 규칙 준수
      "react-hooks/exhaustive-deps": "warn", // useEffect 의존성 배열 검사

      // 화살표 함수 컴포넌트 사용 권장
      "react/function-component-definition": [
        "warn",
        {
          namedComponents: "arrow-function",
        },
      ],
      // import 정렬 order 설정
      "import/order": [
        "warn",
        {
          groups: [
            "builtin",
            "external",
            "internal",
            "parent",
            "sibling",
            "index",
            "type",
          ],
          "newlines-between": "always",
          alphabetize: { order: "asc", caseInsensitive: true },
        },
      ],
      "import/first": "error", // import문 최상단 위치
      "import/no-duplicates": "error", // 중복 import 금지
      "import/no-unresolved": "off", // TS resolver가 처리
      "import/default": "off", // default export 불필요한 경고 제거
      "import/prefer-default-export": "off", // named export 사용(최적화 관점)

      // Prettier와 충돌 방지
      "arrow-body-style": "off",
      "prefer-arrow-callback": "off",
    },
  },
  eslintConfigPrettier,
]);