<span x-data class="userlink"
    @mouseenter.debounce.300ms="$store.hovercard.open($el,'{{ route('dynamic.hovercard', ['user_id' => $user?->user_id ?? 0 ]) }}')"
    @mouseleave="setTimeout(() => { const C = document.querySelector('.hovercard'); if(!C?.matches(':hover')) $store.hovercard.close(); }, 200)"
    @click="window.location.href = '{{ xfRoute('members/.') . $user?->user_id }}'"
>
    {{ $user->username }}
</span>
