react-headless-carousel/eslint.config.mjs at main · daformat/react-headless-carousel · 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
import path from "node:path";
import { fileURLToPath } from "node:url";

import { FlatCompat } from "@eslint/eslintrc";
import js from "@eslint/js";
import typescriptEslint from "@typescript-eslint/eslint-plugin";
import { defineConfig, globalIgnores } from "eslint/config";
import importPlugin from "eslint-plugin-import";
import jsxA11y from "eslint-plugin-jsx-a11y";
import react from "eslint-plugin-react";
import reactHooks from "eslint-plugin-react-hooks";
import simpleImportSort from "eslint-plugin-simple-import-sort";

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,
});

export default defineConfig([
  globalIgnores(["coverage/*", "dist/*"]),
  importPlugin.flatConfigs.recommended,
  jsxA11y.flatConfigs.recommended,
  react.configs.flat.recommended,
  {
    plugins: { "react-hooks": reactHooks },
    rules: reactHooks.configs.recommended.rules,
  },
  {
    extends: compat.extends(
      "plugin:@typescript-eslint/recommended",
      "prettier",
      "plugin:import/typescript",
    ),

    plugins: {
      "@typescript-eslint": typescriptEslint,
      "simple-import-sort": simpleImportSort,
    },

    settings: {
      react: {
        version: "18",
      },
      "import/resolver": {
        // You will also need to install and configure the TypeScript resolver
        // See also https://github.com/import-js/eslint-import-resolver-typescript#configuration
        typescript: true,
        node: true,
      },
    },

    rules: {
      "@typescript-eslint/no-restricted-types": "warn",
      "@typescript-eslint/no-empty-interface": "off",
      "@typescript-eslint/no-var-requires": "warn",
      "@typescript-eslint/no-this-alias": "off",
      "@typescript-eslint/no-explicit-any": "error",
      "@typescript-eslint/no-useless-constructor": "error",

      "@typescript-eslint/no-unused-vars": [
        "warn",
        {
          varsIgnorePattern: "^_",
          argsIgnorePattern: "^_",
        },
      ],

      semi: ["error", "always"],

      quotes: [
        "warn",
        "double",
        {
          avoidEscape: true,
        },
      ],

      curly: ["error", "all"],
      "comma-dangle": ["warn", "always-multiline"],
      "no-unused-vars": "off",

      "no-irregular-whitespace": [
        "error",
        {
          skipTemplates: true,
        },
      ],

      "react/react-in-jsx-scope": "off",
      "react/prop-types": "off",

      "simple-import-sort/imports": "error",
      "simple-import-sort/exports": "error",
      "import/first": "error",
      "import/newline-after-import": "error",
      "import/no-duplicates": "error",
    },
  },
]);