.eslintrc.json

{
  "globals": {
    "__PATH_PREFIX__": "true"
  },
  "parser": "babel-eslint",
  "extends": [
    "standard",
    "eslint:recommended",
    "plugin:jsx-a11y/recommended",
    "plugin:import/recommended",
    "plugin:react/recommended",
    "prettier",
    "prettier/react",
    "prettier/standard",
    "plugin:unicorn/recommended"
  ],
  "plugins": [
    "import",
    "emotion",
    "prettier",
    "jsx-a11y",
    "standard",
    "unicorn"
  ],
  "parserOptions": {
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "node": true
  },
  "rules": {
    "emotion/no-vanilla": "error",
    "emotion/import-from-emotion": "error",
    "emotion/styled-import": "error",

    "no-console": ["warn", { "allow": ["error", "warn"] }],

    "jsx-a11y/label-has-associated-control": "off",

    "quotes": ["error", "single"],

    "prettier/prettier": "error",

    "react/prop-types": "off",
    "react/prefer-stateless-function": "warn",
    "react/sort-prop-types": "error",

    "unicorn/filename-case": ["error", { "case": "camelCase" }],
    "unicorn/prevent-abbreviations": "off"
  },
  "settings": {
    "react": {
      "createClass": "createReactClass",
      "pragma": "React",
      "version": "detect"
    },
    "propWrapperFunctions": [
      "forbidExtraProps",
      { "property": "freeze", "object": "Object" },
      { "property": "myFavoriteWrapper" }
    ],
    "linkComponents": ["Hyperlink", { "name": "Link", "linkAttribute": "to" }],
    "import/resolver": {
      "alias": {
        "map": [
          ["components", "./src/components"],
          ["elements", "./src/elements"],
          ["images", "./src/images"],
          ["pages", "./src/pages"],
          ["hooks", "./src/hooks"],
          ["styles", "./src/styles"],
          ["templates", "./src/templates"],
          ["theme", "./src/theme"],
          ["util", "./src/util"]
        ],
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "overrides": [
    {
      "files": [
        "gatsby-browser.js",
        "gatsby-config.js",
        "gatsby-node.js",
        "gatsby-ssr.js",
        "wrap-root.js",
        "src/templates/*.tsx",
        "src/pages/*.tsx",
        "test/pages/*.tsx"
      ],
      "rules": {
        "unicorn/filename-case": ["error", { "case": "kebabCase" }]
      }
    }
  ]
}