title: Forrmating HTML file with eslint and prettier setup
body: <p>I have problem with formatting html file by prettier end eslint. Prettier formatting by html code by adding /> to single tag, but I don't want using slash character for end my tag. And second problem is adding indent for "head" and "body" tag in "html" tag, I want Use indent only in "body" and "head" tag. </p>
  
  <p>Second problem is conflict with prettier and eslint in my JS code. ESlint return problem because I seting indent for 4 spaces, but prettier want using only two spaces intent.  </p>
  
  <p>Prettier return code like this</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset="UTF-8" /&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
          &lt;meta http-equiv="X-UA-Compatible" content="ie=edge" /&gt;
          &lt;title&gt;Document&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;
  
  </code></pre>
  
  <p>But I want have something like this</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My pacpage.json prettier and eslint dependencies</p>
  
  <pre><code>    "eslint": "^6.1.0",
      "eslint-config-airbnb": "^18.0.1",
      "eslint-config-prettier": "^6.2.0",
      "eslint-plugin-import": "^2.18.2",
      "eslint-plugin-jsx-a11y": "^6.2.3",
      "eslint-plugin-prettier": "^3.1.0",
      "eslint-plugin-react": "^7.14.3",
      "eslint-plugin-react-hooks": "^1.7.0",
      "prettier": "^1.18.2",
  </code></pre>
  
  <p>.eslintrc.json</p>
  
  <pre><code>{
      "extends": ["airbnb", "prettier"],
      "plugins": ["prettier"],
      "rules": {
          "prettier/prettier": ["error"],
          "indent": [
              "error",
              4,
              { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }
          ]
      }
  }
  </code></pre>
  
  <p>.prettierrc</p>
  
  <pre><code>{
      "singleQuote": true,
  }
  </code></pre>
  
  <p>Thanks for your help.</p>