.eslintrc

{

  "root": true,
  "parserOptions": {
    "parser": "@babel/eslint-parser",
    "ecmaVersion": 2021,
    "sourceType": "module"
  },
  "plugins": [
    "vue"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended",
    "plugin:vue/base",
    "plugin:vue/essential",
    "plugin:vue/strongly-recommended"
  ],
  "rules": {
    "arrow-parens": "off",
    "no-prototype-builtins": "off",
    "no-var": "warn",
    "prefer-template": "warn",
    "no-useless-concat": "error",
    "quotes": ["error", "single"],
    "no-template-curly-in-string": "error",
    "prefer-const": ["warn", {
        "destructuring": "all",
        "ignoreReadBeforeAssign": false
    }],
    "max-depth": [
      "error",
      4
    ],
    "max-statements": [
      "error",
      40
    ],
    "max-params": [
      "error",
      5
    ],
    "max-nested-callbacks": [
      "error",
      3
    ],
    "vue/v-bind-style": [
      "error",
      "shorthand"
    ],
    "vue/v-on-style": [
      "error",
      "shorthand"
    ],
    "vue/name-property-casing": [
      "error",
      "PascalCase"
    ],
    "vue/html-closing-bracket-newline": "off",
    "vue/require-default-prop": "off",
    "vue/multiline-html-element-content-newline": "off",
    "vue/no-v-html": "off"
  }
}