How can I get ESLint to lint HTML files in VSCode?

Question

I have a Javascript browser project split over multiple files and can\'t get ESLint to lint the script tags of my HTML file under the same global scope so that declarations and

Answer 1

I have this in /.vscode/settings.json

{
  "eslint.validate": [ "javascript", "html" ]
}

I'm using an .eslintrc.js that looks like this

module.exports = {
  "env": {
    "browser": true,
    "es6": true
  },
  "plugins": [
    "eslint-plugin-html",
  ],
  "extends": "eslint:recommended",
  "rules": {
  }
};

I have lots of rules defined but didn't paste them above

Result: