index.js

module.exports = {
  root: true,
  env: {
    node: true,
    es6: true,
    browser: true,
  },
  extends: ['plugin:vue/recommended', '@vue/airbnb', '@vue/prettier'],
  parserOptions: {
    parser: 'babel-eslint',
    ecmaVersion: 2019,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
  },
  rules: {
    // https://prettier.io/docs/en/integrating-with-linters.html#use-eslint-to-run-prettier
    'prettier/prettier': 'error',

    // https://eslint.org/docs/rules/no-plusplus
    'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],

    // https://eslint.org/docs/rules/no-shadow
    'no-shadow': ['warn', { allow: ['state'] }],

    // https://eslint.org/docs/rules/consistent-return
    'consistent-return': 'off',

    // https://github.com/benmosher/eslint-plugin-import/blob/d81f48a2506182738409805f5272eff4d77c9348/docs/rules/no-cycle.md
    'import/no-cycle': 'off',

    // disallow certain syntax forms
    // https://eslint.org/docs/rules/no-restricted-syntax
    'no-restricted-syntax': [
      'error',
      {
        selector: 'LabeledStatement',
        message:
          'Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand.',
      },
      {
        selector: 'WithStatement',
        message:
          '`with` is disallowed in strict mode because it makes code impossible to predict and optimize.',
      },
    ],

    // https://eslint.vuejs.org/rules/require-default-prop.html#vue-require-default-prop
    'vue/require-default-prop': 'off',

    // https://eslint.vuejs.org/rules/html-self-closing.html#vue-html-self-closing
    'vue/html-self-closing': [
      'error',
      {
        html: {
          void: 'always',
          normal: 'always',
          component: 'always',
        },
        svg: 'always',
        math: 'always',
      },
    ],

    // https://eslint.org/docs/rules/func-names
    'func-names': 'off',

    // rule: https://eslint.org/docs/rules/no-param-reassign.html
    'no-param-reassign': 'off',

    // rule: https://eslint.org/docs/rules/camelcase
    camelcase: 'off',
  },
};