alpine-livewire-errors.html

<h1>List</h1>
<ul 
    x-data="{items: @entangle('items').defer, newItem:'', errors:{}}"
    @validation.window="errors = $event.detail">
    <template x-for="(item, index) in items">
        <li x-bind:class="errors['item.'+index'] ? 'text-danger' : ''">
            <span x-text="item"></span>
            <i x-show="errors['item.'+index']"
                x-text="errors['item.'+index] ? errors['item.'+index].join(' ') : ''"
                >
            </i>
        </li>
    </template>
</ul>
<input type="text" x-model="newItem" placeholder="Enter something">
<button type="button" @click="items.push(newItem)">Append</button>
<button type="button" @click="$wire.persistItems()">Persist</button>