@props(['messages' => [], 'field' => null])

@php
    $messages = (array) ($field ? $errors->get($field) : $messages);
@endphp

@if ($messages)
    @foreach ($messages as $message)
        <span {{ $attributes->merge(['class' => 'text-xs text-red-500 mt-1.5 block font-medium error-field']) }} x-data x-init="$nextTick(() => $dispatch('field-error', { formId: $el.closest('form').id }))">
            {{ $message }}
        </span>
    @endforeach
@endif