Within one of my components, the syntax I am using is as follows:
<event-item v-for='(event, index) in events'
:is='eventComponent(event)'
:key="'event-' + index"
:event='event'>
</event-item>
Initially, the list is rendered correctly.
However, an unexpected behavior occurs when I prepend a new element to the events array using events.unshift(event). In this case, the event-item component for the event at index n displays properties of the event at index n+1.
This issue does not arise when I use events.push(event), but this is not a viable solution as I need to add new events to the beginning of the list.