How to make prettier format HTML like this?

Question

What prettier rules do I need to make the formatting like this. To keep the tags on new lines and the text between them?

<template>
  <div class="row">
    <div class="col-sm-6 col-lg-8">
      .col-sm-6 .col-lg-8
    </div>
    <div class="col-6 col-lg-4">
      .col-6 .col-lg-4
    </div>
  </div>
  <div class="row">
    <div class="col-6 col-sm-4">
      .col-6 .col-sm-4
    </div>
    <div class="col-6 col-sm-4">
      .col-6 .col-sm-4
    </div>
    <div class="col-6 col-sm-4">
      .col-6 .col-sm-4
    </div>
  </div>
  <h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
</template>