[ESLint rules for Vue.js projects] #vue #eslint

eslint_vue.js

"extends": [
    "plugin:vue/recommended"
],
"rules": {
    "indent": "off", //delegate this to editorconfig instead
    "vue/html-indent": [
        "error",
        4
    ],
        "vue/max-attributes-per-line": [
        2,
        {
            "singleline": 2
        }
    ],
        "vue/html-closing-bracket-newline": [
        "error",
        {
            "singleline": "never",
            "multiline": "always"
        }
    ],
        "vue/html-closing-bracket-spacing": ["error", {
        "startTag": "never",
        "endTag": "never",
        "selfClosingTag": "never"
    }],
        "vue/name-property-casing": [
        "error",
        "PascalCase"
    ],
        "vue/prop-name-casing": [
        "error",
        "camelCase"
    ],
        "vue/require-default-prop": [
        "off"
    ],
        "vue/no-v-html": [
        "off"
    ],
        "vue/script-indent": ["warn", 4, {
        "baseIndent": 1
    }]
}