.eslintrc.json

{
    "root": true,
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/base",
        "plugin:vue/vue3-essential",
        "plugin:vue/vue3-strongly-recommended",
        "plugin:vue/vue3-recommended",
        "prettier"
    ],
    "plugins": ["vue", "prettier"],
    "rules": {
        "prettier/prettier": "error",
        "vue/first-attribute-linebreak": "error",
        "vue/html-closing-bracket-newline": "error",
        "vue/html-closing-bracket-spacing": "error",
        "vue/html-end-tags": "error",
        "vue/html-indent": ["error", 4],
        "vue/html-quotes": "error",
        "vue/html-self-closing": "error",
        "vue/max-attributes-per-line": "off",
        "vue/multiline-html-element-content-newline": "error",
        "vue/mustache-interpolation-spacing": "error",
        "vue/no-multi-spaces": "error",
        "vue/no-spaces-around-equal-signs-in-attribute": "error",
        "vue/no-template-shadow": "error",
        "vue/prop-name-casing": "error",
        "vue/require-default-prop": "error",
        "vue/require-explicit-emits": "error",
        "vue/require-prop-types": "error",
        "vue/v-bind-style": "error",
        "vue/v-on-style": "error",
        "vue/v-slot-style": "error",
        "vue/attributes-order": "error",
        "vue/component-tags-order": [
            "error",
            { "order": ["script", "template", "style"] }
        ],
        "vue/no-lone-template": "error",
        "vue/no-multiple-slot-args": "error",
        "vue/no-v-html": "error",
        "vue/order-in-components": "error",
        "vue/this-in-template": "error"
    }
}