title: Disable Prettier from formatting inline JS in HTML files in VS Code
body: <p>I'm running Prettier through ESLint using the <code>eslint-config-prettier</code> and <code>eslint-plugin-prettier</code> packages. I also have Prettier as a dev dependency to use on non-JS files. I use these two extensions with VS Code to validate and format my code automatically on save: <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" rel="nofollow noreferrer">Prettier - Code formatter</a> and <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint" rel="nofollow noreferrer">ESLint</a>.</p>
  <p>I'm having a problem with inline JS in HTML files. It appears as though the Prettier run through ESLint is either not being run, or is being overruled by the regular Prettier extension, even though in my config file I've explicitly set the option <code>html.format.contentUnformatted</code> to <code>&quot;pre,code,textarea,script&quot;</code> to prevent formatting that content with the default formatter. I'd like it to ignore content within <code>script</code> tags since ESLint should be handling the formatting there.</p>
  <p>The relevant settings in my <code>settings.json</code>:</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;javascript.validate.enable&quot;: false,  // turns off default VS Code validation, I'm using ESLint's
    &quot;javascript.format.enable&quot;: false,    // ^ see above
    &quot;editor.formatOnSave&quot;: true,          // Turn on formatting for all files except JS/JSX
    &quot;[javascript]&quot;: {
      &quot;editor.formatOnSave&quot;: false
    },
    &quot;[javascriptreact]&quot;: {
      &quot;editor.formatOnSave&quot;: false
    },
    &quot;eslint.alwaysShowStatus&quot;: true,
    &quot;editor.codeActionsOnSave&quot;: {
      &quot;source.fixAll&quot;: true // Let ESLint fix all fixable errors on save
    },
    &quot;eslint.run&quot;: &quot;onSave&quot;, // Run ESLint on save
    // Turn off Prettier for JS since we are doing it through Eslint already
    &quot;prettier.disableLanguages&quot;: [&quot;javascript&quot;, &quot;javascriptreact&quot;],
    &quot;html.validate.scripts&quot;: false, // turn off default VSCode JS validation in HTML files
    &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;, // Use Prettier formatter
    &quot;html.format.contentUnformatted&quot;: &quot;pre,code,textarea,script&quot; // Don't format content within these tags
  }
  </code></pre>
  <p>Any idea what's wrong? I'm also open to suggestions of other ways to structure things. Thanks for any help!</p>