title: Class with string literals in Vue, HTML
body: <p>I want when I press button log in with wrong password, the UI show multiple alert popup instead of one because the user will not know whether they still enter wrong pass or not.</p>
  <p>So I using counter and string literal like this</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- mt = margin-top, so each alert won't lie on each other --&gt;
  &lt;v-alert
    v-for="i in counter"
    :key="i"
    class=`mt-${i}` 
  &gt;
    Wrong Password
  &lt;/v-alert&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>It doesn't work. Any other ideas?</p>