.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:storybook/recommended",
    "plugin:@stencil-community/recommended",
    "prettier"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "plugins": ["@typescript-eslint"],
  "rules": {
    "curly": "warn",
    "no-duplicate-imports": "error",
    "no-console": ["warn", {"allow": ["warn", "error"]}],
    "constructor-super": "off",
    "no-fallthrough": "warn",
    "no-self-compare": "error",
    "no-unmodified-loop-condition": "error",
    "keyword-spacing": "warn",
    "lines-between-class-members": "error",
    "no-else-return": "error",
    "no-useless-return": "error",
    "padding-line-between-statements": [
      "error",
      {
        "blankLine": "always",
        "prev": "*",
        "next": "return"
      }
    ],
    "no-lonely-if": "error",
    "@typescript-eslint/array-type": [
      "error",
      {
        "default": "array"
      }
    ],
    "@typescript-eslint/member-delimiter-style": "error",
    "@typescript-eslint/explicit-function-return-type": [
      "error",
      {
        "allowExpressions": true
      }
    ],
    "@typescript-eslint/no-unused-vars": [
      "warn",
      {
        "varsIgnorePattern": "h"
      }
    ],
    "@typescript-eslint/no-inferrable-types": "warn",
    "@typescript-eslint/ban-ts-comment": "warn",
    "@typescript-eslint/naming-convention": [
      "error",
      {
        "selector": "default",
        "format": ["camelCase"]
      },
      {
        "selector": "parameter",
        "modifiers": ["unused"],
        "format": ["camelCase"],
        "leadingUnderscore": "require"
      },
      {
        "selector": "variable",
        "modifiers": ["const", "global"],
        "format": ["UPPER_CASE", "camelCase"]
      },
      {
        "selector": "enumMember",
        "format": ["UPPER_CASE"]
      },
      {
        "selector": "classProperty",
        "modifiers": ["private"],
        "format": ["camelCase"],
        "leadingUnderscore": "allow"
      },
      {
        "selector": "typeLike",
        "format": ["PascalCase"]
      },
      {
        "selector": "objectLiteralProperty",
        "format": null
      },
      {
        "selector": "import",
        "format": null
      }
    ],
    "react/jsx-no-bind": "off",
    "@stencil-community/ban-default-true": "off",
    "@stencil-community/reserved-member-names": "off",
    "@stencil-community/ban-exported-const-enums": "off",
    "@stencil-community/strict-boolean-conditions": "off",
    "@stencil-community/class-pattern": [
      "error",
      {
        "pattern": "^Z[A-Z].*$"
      }
    ],
    "@stencil-community/decorators-style": [
      "error",
      {
        "prop": "multiline",
        "state": "multiline",
        "element": "inline",
        "event": "multiline",
        "method": "multiline",
        "watch": "multiline",
        "listen": "multiline"
      }
    ],
    "@stencil-community/required-prefix": ["error", ["z"]],
    "@stencil-community/prefer-vdom-listener": "off"
  },
  "overrides": [
    {
      "files": ["*.stories.ts"],
      "rules": {
        "@typescript-eslint/naming-convention": [
          "error",
          {
            "selector": "variable",
            "modifiers": ["exported"],
            "format": ["PascalCase"]
          }
        ],
        "no-duplicate-imports": "off"
      }
    },
    {
      "files": ["*.spec.ts"],
      "rules": {
        "@typescript-eslint/explicit-function-return-type": "off"
      }
    }
  ]
}