.eslintrc

{
  "parser": "@typescript-eslint/parser",
  "extends": [
    "preact"
  ],
  "overrides": [
    {
      "files": ["*.ts", "*.tsx"],
      "processor": "@graphql-eslint/graphql"
    },{
      "files": ["*.graphql"],
      "parser": "@graphql-eslint/eslint-plugin",
      "plugins": ["@graphql-eslint"],
      "rules": {
        "@graphql-eslint/known-type-names": "error"
      }
    }
  ],
  "parserOptions": {
    "operations": "./src/**/*.graphql",
    "schema": "./schema.graphql"
  },
  "rules": {
    "indent": ["error", 2],
    "space-infix-ops": "error",
    "space-before-blocks": ["error", "never"],
    "jsx-quotes": [
      "error",
      "prefer-double"
    ],
    "arrow-parens": ["error", "as-needed"],
    "arrow-spacing": ["error", { "before": true,
        "after": true
      }
    ],
    "no-invalid-this": "off",
    "no-unused-vars": "error",
    "no-use-before-define": "error",
    "object-curly-spacing": ["error", "always"],
    "array-bracket-spacing": ["error", "never"],
    "max-len": ["error", {
      "code" : 80,
      "ignoreTrailingComments": true
    }],
    "multiline-ternary": ["error", "always-multiline"],
    "operator-linebreak": ["error", "before"],

    // -- react eslint rules
    "react/jsx-indent": ["error", 2, {"checkAttributes": true, "indentLogicalExpressions": true}],
    "react/jsx-indent-props": ["error", 2],
    "react/jsx-max-props-per-line": ["error", {
      "maximum": {
        "single": 3,
        "multi": 1
      }
    }],
    "react/jsx-first-prop-new-line": ["error", "multiline"],
    "react/jsx-closing-bracket-location": ["error", "line-aligned"],
    "react/jsx-curly-spacing": ["error", {"when": "never", "children": true}]
  }
}