.eslintrc.js

module.exports = {
  root: true,

  env: {
    node: true,
  },

  extends: [
    "eslint:recommended",
    "plugin:vue/essential",
    "@vue/airbnb",
    "plugin:prettier/recommended",
    "prettier",
  ],

  // required to lint *.vue files
  plugins: ["vue"],

  rules: {
    // allow debugger during development
    "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0,
    "no-useless-escape": 1,
    "no-else-return": 1,
    "spaced-comment": 1,
    "no-useless-concat": 1,
    "no-self-assign": 1,
    "node/no-unpublished-require": 0,
    "prettier/prettier": 2,
    "accessor-pairs": 0,
    "block-scoped-var": 0,
    "callback-return": 0,
    "camelcase": 0,
    "complexity": 0,
    "consistent-return": 0,
    "consistent-this": 0,
    "default-case": 2,
    "dot-notation": 0,
    eqeqeq: [2, "allow-null"],
    "func-names": 0,
    "func-style": [
      2,
      "expression",
      {
        allowArrowFunctions: true,
      },
    ],
    "global-require": 0,
    "guard-for-in": 2,
    "handle-callback-err": 0,
    "id-length": 0,
    "id-match": 0,
    "init-declarations": 0,
    "linebreak-style": [2, "unix"],
    "lines-around-comment": 0,
    "max-depth": [1, 4],
    "max-nested-callbacks": 2,
    "max-params": 0,
    "max-statements": 0,
    "new-cap": [
      2,
      {
        capIsNew: false,
      },
    ],
    "newline-after-var": 0,
    "no-alert": 0,
    "no-array-constructor": 0,
    "no-bitwise": 0,
    "no-caller": 2,
    "no-case-declarations": 2,
    "no-catch-shadow": 2,
    "no-cond-assign": 2,
    "no-console": [
      2,
      {
        allow: ["warn", "error"],
      },
    ],
    "no-constant-condition": 2,
    "no-continue": 0,
    "no-control-regex": 2,
    "no-debugger": 2,
    "no-delete-var": 2,
    "no-div-regex": 0,
    "no-dupe-args": 2,
    "no-dupe-keys": 2,
    "no-duplicate-case": 2,
    "no-empty": 2,
    "no-empty-character-class": 2,
    "no-empty-pattern": 2,
    "no-eq-null": 2,
    "no-eval": 2,
    "no-ex-assign": 2,
    "no-extend-native": 2,
    "no-extra-bind": 2,
    "no-extra-boolean-cast": 2,
    "no-fallthrough": 2,
    "no-floating-decimal": 2,
    "no-func-assign": 2,
    "no-implicit-coercion": [
      1,
      {
        boolean: true,
        number: true,
        string: true,
      },
    ],
    "no-implied-eval": 2,
    "no-inline-comments": 0,
    "no-inner-declarations": [1, "functions"],
    "no-invalid-regexp": 2,
    "no-invalid-this": 0,
    "no-irregular-whitespace": 2,
    "no-iterator": 2,
    "no-label-var": 2,
    "no-labels": 2,
    "no-lone-blocks": 2,
    "no-lonely-if": 2,
    "no-loop-func": 2,
    "no-magic-numbers": 0,
    "no-mixed-requires": 0,
    "no-multi-str": 2,
    "no-native-reassign": 2,
    "no-negated-condition": 2,
    "no-negated-in-lhs": 2,
    "no-nested-ternary": 0,
    "no-new": 0,
    "no-new-func": 2,
    "no-new-object": 2,
    "no-new-require": 2,
    "no-new-wrappers": 2,
    "no-obj-calls": 2,
    "no-octal": 2,
    "no-octal-escape": 2,
    "no-param-reassign": 2,
    "no-path-concat": 2,
    "no-plusplus": 0,
    "no-process-env": 0,
    "no-process-exit": 0,
    "no-proto": 2,
    "no-redeclare": 2,
    "no-regex-spaces": 2,
    "no-restricted-modules": 2,
    "no-restricted-syntax": 0,
    "no-return-assign": 2,
    "no-script-url": 2,
    "no-self-compare": 2,
    "no-sequences": 2,
    "no-shadow": 2,
    "no-shadow-restricted-names": 2,
    "no-sparse-arrays": 2,
    "no-sync": 0,
    "no-ternary": 0,
    "no-throw-literal": 2,
    "no-undef": 2,
    "no-undef-init": 0,
    "no-undefined": 0,
    "no-unexpected-multiline": 2,
    "no-unneeded-ternary": 2,
    "no-unreachable": 2,
    "no-unused-expressions": 0,
    "no-unused-vars": 2,
    "no-use-before-define": 2,
    "no-useless-call": 2,
    "no-void": 2,
    "no-warning-comments": 0,
    "no-with": 2,
    "one-var": [1, "never"],
    "operator-assignment": [2, "always"],
    "radix": [2, "always"],
    "require-jsdoc": 0,
    "sort-vars": 0,
    "strict": 0,
    "use-isnan": 2,
    "valid-jsdoc": 0,
    "valid-typeof": 2,
    "vars-on-top": 0,
    "yoda": 2,
  },
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "ecmaVersion": 2020, // Allows for the parsing of modern ECMAScript features
    "sourceType": "module", // Allows for the use of imports
    "parser": "@typescript-eslint/parser",
  },

  settings: {
    "import/resolver": {
      node: {
        extensions: [".ts", ".tsx", ".js", ".jsx", ".vue"],
      },
    },
  },

  overrides: [
    {
      files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
      env: {
        mocha: true,
      },
    },
  ],

  extends: [
    "eslint:recommended",
    "plugin:vue/essential",
    "@vue/typescript",
    "@vue/prettier",
    "plugin:@typescript-eslint/recommended", // Uses the recommended rules from the @typescript-eslint/eslint-plugin
    "plugin:prettier/recommended",
    "prettier/@typescript-eslint",
  ],
};