title: Error asking for :key to be placed on <template>
body: <p>For not having <code>:key=&quot;item.id&quot;</code> on <code>&lt;template&gt;</code>, I'm getting this error:</p>
  <p><a href="https://i.stack.imgur.com/0tQ0L.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0tQ0L.png" alt="error1" /></a></p>
  <p>But when I do put it on there as such:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template v-for=&quot;item in Object.values(cart)&quot; :key=&quot;item.id&quot;&gt;
  </code></pre>
  <p>…then I get this error:</p>
  <p><a href="https://i.stack.imgur.com/6aYME.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6aYME.png" alt="enter image description here" /></a></p>
  <p>Here's the code in question:</p>
  <pre class="lang-html prettyprint-override"><code>          &lt;template v-for=&quot;item in Object.values(cart)&quot;&gt;
              &lt;tr :key=&quot;item.id&quot;&gt;
                &lt;td&gt;Digest {{ item.digestId }}&lt;/td&gt;
                &lt;td&gt;{{ item.duration_text }} subscription&lt;/td&gt;
                &lt;td class=&quot;price-cell&quot;&gt;${{ roundMoney(item.price, 2) }}&lt;/td&gt;
                &lt;td class=&quot;trash-cell&quot;&gt;
                  &lt;fa-icon icon=&quot;times-circle&quot; size=&quot;lg&quot; @click=&quot;removeItem(item)&quot; /&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr v-if=&quot;item.discounts.length&quot; :key=&quot;`${item.id}-${item.discounts &amp;&amp; item.discounts[0].id}`&quot;&gt;
                &lt;td colspan=&quot;2&quot;&gt;
                  &lt;label&gt;Code: {{ item.discounts[0].code }}&lt;/label&gt;
                &lt;/td&gt;
                &lt;td colspan=&quot;2&quot;&gt;
                  &lt;span class=&quot;discount-amount&quot;&gt;–${{ item.discounts[0].percent_off }}&lt;/span&gt;
                &lt;/td&gt;
                &lt;td class=&quot;trash-discount-cell&quot;&gt;
                  &lt;fa-icon icon=&quot;times-circle&quot; class=&quot;trash&quot; @click=&quot;rmDscnt(item.discounts[0])&quot; /&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/template&gt;
  </code></pre>
  <p>How might I get around this circular-seeming issue?</p>