.eslintrc.json

{
  "env": {
    "browser": true,
    "serviceworker": true
  },
  "extends": [
    "airbnb-base",
    "eslint:recommended",
    "plugin:vue/vue3-recommended",
    "plugin:import/recommended"
  ],
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "parser": "@babel/eslint-parser"
  },
  "rules": {
    "class-methods-use-this": "off",
    "no-console": "off",
    "no-param-reassign": ["error", { "props": false }],
    "no-multi-spaces": ["error", { "ignoreEOLComments": true }],
    "object-curly-newline": "off",
    "operator-linebreak": ["error", "after"],
    "quotes": ["error", "double", { "allowTemplateLiterals": true }],
    "max-len": ["error", 170, 2, {
      "ignoreUrls": true,
      "ignoreComments": false,
      "ignoreRegExpLiterals": true,
      "ignoreStrings": true,
      "ignoreTemplateLiterals": true
    }],
    "vue/no-unused-components": "off",
    "vue/component-name-in-template-casing": ["error", "kebab-case"],
    "vue/max-attributes-per-line": ["warn", {
      "singleline": {
        "max": 8
      },
      "multiline": {
        "max": 1
      }
    }],
    "vue/multi-word-component-names": "off",
    "vue/html-self-closing": ["error", {
      "html": {
        "void": "never",
        "normal": "never",
        "component": "always"
      },
      "svg": "always",
      "math": "always"
    }],
    "import/extensions": ["error", "ignorePackages", {
        "js": "never",
        "ts": "never"
      }
    ],
    "import/prefer-default-export": "off",
    "import/no-extraneous-dependencies": "off"
  },
  "globals": {
    "cc": true
  },
  "settings": {
    "import/resolver": {
      "webpack": {
        "config": "webpack/webpack.config.js"
      }
    }
  }
}