.eslintrc

{
    "root": true,
    "env": {
        "node": true
    },
    "extends": ["plugin:vue/recommended", "@vue/prettier", "@vue/typescript/recommended"],
    "plugins": ["prettier"],
    "rules": {
        "curly": "error",
        "no-mixed-operators": "error",
        "no-param-reassign": "error",
        /*"operator-linebreak": [
            2,
            "after",
            {
                "overrides": {
                    "?": "before",
                    ":": "before"
                }
            }
        ],
        "multiline-ternary": ["error", "always"], */
        "prettier/prettier": [
            "error",
            {
                "usePrettierrc": false,
                "semi": false,
                "singleQuote": true,
                "trailingComma": "es5",
                "useTabs": false,
                "tabSize": 4,
                "tabWidth": 4,
                "printWidth": 100
            }
        ],
        "vue/attribute-hyphenation": ["error", "always"],
        "vue/max-attributes-per-line": [
            1,
            {
                "singleline": 20,
                "multiline": {
                    "max": 1,
                    "allowFirstLine": false
                }
            }
        ],
        "vue/attributes-order": [
            2,
            {
                "order": [
                    "GLOBAL", // id
                    "DEFINITION", // is
                    "UNIQUE", // ref, key, slot
                    "CONDITIONALS", // v-if, v-else-if, v-else, v-show, v-cloak
                    "LIST_RENDERING", // v-for
                    "OTHER_ATTR", // all unspecified bound & unbound attributes
                    "BINDING", // v-model
                    "RENDER_MODIFIERS", // v-pre, v-once
                    "CONTENT", // v-html, v-text
                    "EVENTS" // v-on
                ]
            }
        ],
        "vue/component-name-in-template-casing": ["error", "kebab-case"],
        "vue/html-end-tags": "error",
        "vue/html-self-closing": [
            "error",
            {
                "html": {
                    "void": "always",
                    "normal": "always",
                    "component": "always"
                },
                "svg": "always",
                "math": "always"
            }
        ],
        "vue/name-property-casing": ["error", "kebab-case"],
        "vue/no-multi-spaces": "error",
        "vue/order-in-components": [
            "error",
            {
                "order": [
                    "el",
                    "name",
                    "parent",
                    "functional",
                    ["delimiters", "comments"],
                    ["components", "directives", "filters"],
                    "extends",
                    "mixins",
                    "inheritAttrs",
                    "model",
                    ["props", "propsData"],
                    "data",
                    "computed",
                    "watch",
                    "LIFECYCLE_HOOKS",
                    "methods",
                    ["template", "render"],
                    "renderError"
                ]
            }
        ],
        "vue/require-prop-types": ["error"],
        "vue/require-valid-default-prop": ["error"]
    },
    "parserOptions": {
        "parser": "@typescript-eslint/parser"
    }
}