.eslintrc.json

{
  "extends": [
    "plugin:vue/recommended",
    "eslint:all",
    "@vue/typescript",
    "plugin:@typescript-eslint/all",
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript",
    "plugin:sonarjs/recommended"
  ],
  "plugins": [
    "vuetify",
    "only-warn",
    "babel",
    "sonarjs"
  ],
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "parser": "@typescript-eslint/parser",
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "rules": {
    "no-warning-comments": 0,
    "object-curly-spacing": 0,
    "init-declarations": 0, // poor choice
    "func-style": [1, "declaration"],
    "one-var": 0, // poor choice
    "multiline-comment-style": 1, // turned off by default
    "no-plusplus": 0, // too aggresive
    "quote-props": [1, "as-needed"],
    "camelcase": 0, // replaced with babel-camelcase
    "no-ternary": 0, // too aggressive
    "multiline-ternary": 0,
    "new-cap": 0, // babel/new-cap
    "array-element-newline": [1, "consistent"],
    "comma-dangle": 0, // using typescript-eslint/comma-dangle
    "function-call-argument-newline": [1, "consistent"],
    "max-len": [1, { "code": 120, "ignorePattern": "http?s:\/\/", "ignoreTrailingComments": true}], // override 80 that is too low
    "padded-blocks": [1, "never"],
    "max-statements": [1, 15],
    "function-paren-newline": [1, "consistent"],
    "no-inline-comments": 0,
    "no-confusing-arrow": 0, // conflict with no-extra-parens
    "max-params": [1, 4],
    "@typescript-eslint/no-untyped-public-signature": 0, // this breaks a lot: constructions public, ES6 setter should have return type etc
    "@typescript-eslint/ban-ts-ignore": 0, // who cares, we explicitly define it.
    "@typescript-eslint/ban-ts-comment": 0, // who cares, we explicitly define it.
    "@typescript-eslint/space-before-function-paren": [1, "never"],
    "@typescript-eslint/strict-boolean-expressions": 0,
    "@typescript-eslint/indent": [1, 2], //replace 4 spaces
    "@typescript-eslint/no-inferrable-types": 0, // @typescript-eslint/typedef
    "@typescript-eslint/no-non-null-assertion": 0,
    "@typescript-eslint/no-unused-vars-experimental": 0, // doesn't work with vue
    "@typescript-eslint/no-type-alias": 0,
    "@typescript-eslint/no-magic-numbers": [
      "error",
      {
        "ignoreReadonlyClassProperties": true,
        "ignoreEnums": true,
        "ignore": [
          -1,
          0,
          1,
          1000
        ],
        "enforceConst": true
      }
    ],
    "@typescript-eslint/comma-dangle": [1, "always-multiline"],
    "@typescript-eslint/method-signature-style": [1, "method"],
    "@typescript-eslint/init-declarations": 0, // let a ; try {a = funct()} catch (e) throw e; if a.sdfsd . In this example we can't have instant init
    "@typescript-eslint/prefer-readonly-parameter-types": 0, // too many issues, we can't mofidy arguments, we can' use type like number[], because rule @typescript-eslint/array-type
    "@typescript-eslint/naming-convention": [1,
      {
        "selector": "property",
        "format": ["PascalCase", "camelCase"] // PascalCase for Vue-property-decorator components: {AppAlert}
      }
    ],
    "babel/object-curly-spacing": 1,
    "babel/quotes": 1,
    "babel/semi": 1,
    "babel/no-unused-expressions": 1,
    "babel/valid-typeof": 1,
    "babel/new-cap": 1,
    "babel/camelcase": 0, // use typescript-eslint/naming-convention
    "babel/no-invalid-this": 1,
    "import/no-named-as-default": 1, //is not part of default sert
    "import/no-unresolved": 0,
    "import/no-relative-parent-imports": 1,
    "import/dynamic-import-chunkname": 1,
    "import/exports-last":1,
    "import/extensions": [1, "never", {"json":  "always", "vue": "always", "sass": "always"}], // w/o  extensiosn ts would not work
    "import/first":1,
    "import/group-exports": 1,
    "import/max-dependencies": 1,
    "import/newline-after-import": 1,
    "import/no-absolute-path":1,
    "import/no-amd": 1,
    "import/no-anonymous-default-export":1,
    "import/no-commonjs": 1,
    "import/no-cycle":1,
    "import/no-default-export": 1,
    "import/no-deprecated":1,
    "import/no-dynamic-require": 1,
    "import/no-extraneous-dependencies":1,
    "import/no-internal-modules": 1,
    "import/no-mutable-exports":1,
    "import/no-named-default": 1,
    "import/no-named-export":0, // we want them
    "import/no-namespace": 1,
    "import/no-nodejs-modules":1,
    "import/no-restricted-paths": 1,
    "import/no-self-import":1,
    "import/no-unassigned-import": [1,  {"allow": ["**/*.sass", "**/*.css"]}],
    "import/no-unused-modules":1,
    "import/no-useless-path-segments": 1,
    "import/no-webpack-loader-syntax":1,
    "import/order": 0, // doesn't work with sorted-import
    "import/prefer-default-export":0, // default exports are hell to IDE refactor support
    "import/unambiguous": 1,
    "vue/array-bracket-spacing":1,
    "vue/arrow-spacing": 1,
    "vue/block-spacing":1,
    "vue/brace-style": 1,
    "vue/camelcase":1,
    "vue/comma-dangle": 0, // comma-spacing works fine
    "vue/component-name-in-template-casing":1,
    "vue/dot-location": 1,
    "vue/eqeqeq":1,
    "vue/key-spacing": 1,
    "vue/keyword-spacing":1,
    "vue/match-component-file-name": 1,
    "vue/no-boolean-default":1,
    "vue/no-deprecated-scope-attribute": 1,
    "vue/no-empty-pattern":1,
    "vue/no-restricted-syntax": 1,
    "vue/object-curly-spacing":1,
    "vue/require-direct-export": 0, // doesn't work with vue-class-comp
    "vue/script-indent":1,
    "vue/space-infix-ops": 1,
    "vue/space-unary-ops":1,
    "vue/v-on-function-call": 1,
    "vue/html-closing-bracket-spacing": [1, {"endTag": "never", "selfClosingTag":  "never", "startTag": "never"}],
    "vue/v-slot-style":1,
    "vue/valid-v-slot": 1,
    "vue/max-attributes-per-line": [1, {
      "singleline": 3, // don't spawn multiline content of elements, template will grow huge very soon. 3 element is easy to grasp
      "multiline": {
        "max": 1,
        "allowFirstLine": false
      }
    }],
    "vue/html-self-closing": [
      1,
      {
        "html": {
          "void": "always", // vue-ts template requires valid xml <this> is not valid but <this/> is
          "normal": "always",
          "component": "always"
        }
      }
    ],
    "vuetify/grid-unknown-attributes": 1,
    "vuetify/no-legacy-grid": 0,
    "vuetify/no-deprecated-classes": 1,
    "class-methods-use-this": 0,
    "@typescript-eslint/no-unnecessary-condition": 0 // too many times we want to make sure that variable that is not null is present or not. Let's say window.RTPConnection is declaread as non-nullable but we still check it in runtime
  },
  "overrides": [
    {
      "files": ["*.vue", "*.d.ts"],
      "rules": {
        "import/no-default-export": 0

      }
    },
    {
      "files": ["*.vue"],
      "rules": {
        "@typescript-eslint/prefer-readonly": 0, // can be used in template
        "import/unambiguous": 0 // vue SFC can miss script tags
      }
    }
  ]
}