.eslintrc.json

{
    "root": true,
    "env": {
        "browser": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/recommended",
        "plugin:import/typescript",
        "plugin:vue/vue3-recommended"
    ],
    "settings": {
        "import/resolver": {
            "typescript": {
                "project": "tsconfig.json"
            }
        },
        "import/extensions": [".js", ".ts"]
    },
    "parser": "vue-eslint-parser",
    "parserOptions": {
        "parser": "@typescript-eslint/parser",
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": [
        "@typescript-eslint"
    ],
    "rules": {
        "import/no-extraneous-dependencies": "off",
        "max-len": ["error", {
            "code": 120,
            "ignorePattern": "^import\\s.+\\sfrom\\s.+;$",
            "ignoreRegExpLiterals": true,
            "ignoreTemplateLiterals": true,
            "ignoreStrings": true
        }],
        "indent": ["warn", 4, { "SwitchCase": 1 }],
        "linebreak-style": "off",
        "quotes": ["error", "single"],
        "semi": ["error", "always"],
        "object-curly-spacing": ["warn", "always", {
            "objectsInObjects": true,
            "arraysInObjects": false
        }],
        "curly": [1, "multi-line"],
        "no-eq-null": "off",
        "eqeqeq": ["error", "smart"],
        "padding-line-between-statements": [
            "error",
            { "blankLine": "never", "prev": "block-like", "next": "case" },
            { "blankLine": "never", "prev": "block-like", "next": "default" }
        ],
        "no-unused-vars": "off",
        "@typescript-eslint/no-unused-vars": "error",
        "no-empty": ["error", { "allowEmptyCatch":  true }],
        "@typescript-eslint/ban-ts-comment": ["error", {
            "ts-ignore": "allow-with-description"
        }],
        "space-before-blocks": ["error"],
        "keyword-spacing": ["error"],
        "@typescript-eslint/type-annotation-spacing": [
            "error",
            {
                "before": false,
                "after": true,
                "overrides": {
                    "arrow": {
                        "before": true,
                        "after": true
                    }
                }
            }
        ],
        "operator-linebreak": ["error", "before"],
        "eol-last": 2,
        "quote-props": [2, "as-needed", {"numbers": true}],
        "vue/html-indent": ["error", 4],
        "vue/singleline-html-element-content-newline": "off"
    },
    "overrides": [
        {
            "files": ["*.test.ts"],
            "rules": {
                "@typescript-eslint/no-var-requires": 0,
                "@typescript-eslint/no-this-alias": 0,
                "@typescript-eslint/no-non-null-assertion": 0,
                "vue/one-component-per-file": 0
            }
        },
        {
            "files": ["*.vue"],
            "rules": {
                "max-len": "off"
            }
        }
    ]
}