module.exports = {
  root: true,

  env: {
    node: true,
  },

  extends: [
    'plugin:vue/essential',
    'eslint:recommended',
  ],

  plugins: ['jest', 'cypress'],

  rules: {
    semi: [
      'error',
      'always',
    ],
    'comma-dangle': [
      'error',
      'always-multiline',
    ],
    indent: [
      'error',
      2,
      {
        SwitchCase: 1,
      },
    ],
    quotes: [
      'error',
      'single',
    ],
    'object-curly-spacing': [
      'warn',
      'always',
      {
        arraysInObjects: false,
      },
    ],
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'object-shorthand': 'error',
    'space-before-function-paren': [
      'error',
      'never',
    ],
    'keyword-spacing': 'error',
    'vue/html-indent': [
      'error',
      2,
      {
        alignAttributesVertically: false,
      },
    ],
    'vue/html-closing-bracket-newline': [
      'error',
      {
        singleline: 'never',
        multiline: 'always',
      },
    ],
    'vue/html-self-closing': 'error',
    'vue/mustache-interpolation-spacing': 'error',
    'vue/multi-word-component-names' : 'off',
    'vue/no-mutating-props': 'warn',
    'template-curly-spacing': 'error',
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
  },

  parserOptions: {
    parser: '@babel/eslint-parser',
  },

  overrides: [
    {
      files: [
        '**/__tests__/*.{j,t}s?(x)',
        '**/tests/unit/**/*.spec.{j,t}s?(x)',
        '**/tests/unit/**/*.{j,t}s?(x)',
      ],
      env: {
        'jest/globals': true,
      },
    },
    {
      files: [
        '**/tests/e2e/**/*.cy.{j,t}s?(x)',
        '**/tests/e2e/**/*.{j,t}s?(x)',
      ],
      rules: {
        strict: 'off',
        semi: ['error', 'always'],
        'comma-dangle': ['error', 'always-multiline'],
        indent: ['error', 2, { SwitchCase: 1 }],
        'vue/html-indent': 'error',
        quotes: ['error', 'single'],
        'no-debugger': 'off',
        'object-shorthand': 'error',
        'space-before-function-paren': ['error', 'never'],
        'keyword-spacing': 'error',
        'prefer-arrow-callback': 'error',
      },
      env: {
        mocha: true,
        'cypress/globals': true,
        node: true,
      },
    },
  ],
};