module.exports = {
  'settings': {
    'import/resolver': {
      'webpack': {
        'config': 'webpack.config.js'
      }
    }
  },
  'env': {
    'browser': true,
    'node': true,
    'commonjs': true,
    'es6': true
  },
  'extends': [
    'eslint:recommended',
    'eslint-config-synacor'
  ],
  'plugins': [
    'react-hooks',
  ],
  'parser': 'babel-eslint',
  'rules':{
    'indent': [
      'error',
      2,
    ],
    'semi':[
      'error',
      'never'
    ],
    'key-spacing': [
      "error", {
        "multiLine": {
          "beforeColon": false,
          "afterColon": false
        },
         "align": {
          "beforeColon": false,
          "afterColon": false,
          "on": "colon"
        }
      }
    ],
    'react/jsx-closing-bracket-location': [
      'error', 
      'tag-aligned'
    ],
    'react/jsx-first-prop-new-line': [
       'error',
        'multiline-multiprop'
    ],
    'react/jsx-max-props-per-line': [
      'error', 
      { 'maximum':1}
    ],
    'react/jsx-one-expression-per-line': [
      'error', {
      'allow': 'single-child'
      }
    ],
    'react/jsx-equals-spacing': [
      1,
      'never'
    ],
    'react/jsx-indent-props': [
      "error",
      2

    ],
    'react-hooks/rules-of-hooks': 'error',
    'react-hooks/exhaustive-deps': 'warn',
    'no-unused-vars': [
      "error", 
      { "varsIgnorePattern": "h|Fragment|React"}
    ],
    'quote-props': ["error", "consistent-as-needed"]
  },
}