vscode img标签 self-closing自动闭合

vscode 配置了eslint ctrl+s 自动格式化后，遇到img标签自动去除/ 问题，去除了/留下一个空格导致报错。
查了一下原因是因为 HTML(5) 不要求标签自闭合，而eslint默认开起了这个检测,可以在.eslint.js中的rules中添加'vue/html-self-closing': 'off',去关闭这条规则。

如果想使用这个规则，具体怎么解决那个空格问题暂时没去研究。

问题重现

贴上我的vscode编辑器setting.json详细配置

{
    "window.zoomLevel": 1,
    "workbench.sideBar.location": "left",
    "editor.fontSize": 12,
    "workbench.colorTheme": "Solarized Dark",
    "explorer.confirmDelete": false,
    "editor.lineHeight": 30,
    "sync.gist": "",
    "workbench.iconTheme": "vscode-icons",
    "search.followSymlinks": false,
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "workbench.startupEditor": "newUntitledFile",
    // 配置eslint保存更新代码
    "editor.formatOnSave": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "vetur.format.defaultFormattr.js": "none",
    "vuter.format.defaultFormatter.html": "prettyhtml",
    "vuter.format.defaultFormatterOption": {
        "prettyhtml": {
            "preintWidth": 80
        }
    },
    "sync.forceUpload": false,
    "vetur.format.defaultFormatter.html": "prettier",
}