title: Make prettier less uglier - prevent split tags
body: <p><a href="https://prettier.io/" rel="noreferrer">Prettier</a> in VS Code is great, except in this case where it seems to make things less readable. Here's an example of prettier's wrapping behavior in a Vue template file:</p>
  <p><a href="https://i.stack.imgur.com/X7GfM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/X7GfM.png" alt="enter image description here" /></a></p>
  <p>Notice the opening tag's end bracket is placed as start of second line, and closing tag is split between end of line 2 and 3. In my mind, this is more pretty:</p>
  <p><a href="https://i.stack.imgur.com/4g3uI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4g3uI.png" alt="enter image description here" /></a></p>
  <p>Now the tags are complete on their own lines and the content is alone on line 2.</p>
  <p>I've been unable to find a way to configure this in the prettier docs. Any ninjas know how?</p>