Migrating to eslint-plugin-html v3

eslint-plugin-html v3 introduces a new way of linting inline script tags. Previously, all HTML parts of the file content were replaced by a /* HTML */ comment. For example, if you had a file like this:

<!DOCTYPE html>
<html>
  <body>
    <script>
      console.log(1);
    </script>
    <script>
      console.log(2);
    </script>
  </body>
</html>

it was first transformed to something like that before being processed by ESLint:

/* HTML */
console.log(1);
/* HTML */
console.log(2);
/* HTML */

This caused many issues:

So, as of v3, eslint-plugin-html will lint inline scripts separately, meaning each script will be seen as a different file by ESLint. This implies backward incompatible changes for some rules, example:

Please report issues you have with this new behavior. If some rules are causing too much trouble, I may add a setting to ignore messages coming from those in HTML files.

You'll find other (non-breaking) changes in the changelog.