.eslintrc.json

{
    "env": {
      "browser": true,
      "es6": true,
      "node": true
    },
    "extends": ["plugin:import/recommended", "plugin:prettier/recommended"],
    "parserOptions": {
      "ecmaFeatures": {
        "jsx": true
      },
      "ecmaVersion": 2020,
      "sourceType": "module"
    },
    "plugins": ["react", "prettier", "import"],
    "rules": {
      "import/no-unresolved": "off",
      "prettier/prettier": "error",
      "react/react-in-jsx-scope": 0,
      "react/jsx-filename-extension": 0,
      "react/jsx-one-expression-per-line": 0,
      "no-nested-ternary": 0,
      "import/group-exports": "error",
      "import/order": [
        "error",
        {
          "groups": ["builtin", "external", "internal", "parent", "sibling", "index", ["object", "type"]],
          "pathGroups": [
            {
              "pattern": "@/**",
              "group": "external",
              "position": "after"
            },
            {
              "pattern": "react",
              "group": "builtin",
              "position": "before"
            }
          ],
          "pathGroupsExcludedImportTypes": ["react"],
          "newlines-between": "always",
          "alphabetize": {
            "order": "asc",
            "caseInsensitive": true
          }
        }
      ],
      "import/no-extraneous-dependencies": [
        "error",
        {
          "devDependencies": true,
          "optionalDependencies": false,
          "peerDependencies": false
        }
      ]
    }
  }