I'm facing an issue with updating a list after submitting a form using vue transition-group.
Everything works fine when I use a simple "ul" tag, but when I try to implement the transition using transition group, I encounter an error in the console.
"Children must be keyed with :li."
<transition-group name="list-complete" tag="ul" class="list">
<li class="item list-complete-item " v-for="contact in contacts" v-bind:key="contact.id">
<div class="item__desc">
<p class="paragraph">
<span class="bold">{{contact.name}}</span>
</p>
<p class="paragraph">
<span class="bold">Mail:</span>
{{contact.email}}
</p>
<p class="paragraph">
<span class="bold">Street:</span>
{{contact.address.street}}
</p>
<p class="paragraph">
<span class="bold">City:</span>
{{contact.address.city}}
</p>
</div>
</li>