أحداث x-on في Livewire من Alpine

<div x-data @click="$wire.handleClick()">
    اضغط هنا
</div>

<button x-data @click="$wire.delete({{ $id }})">
    حذف
</button>

<div x-data="{ result: null }">
    <button @click="result = await $wire.calculate()">
        حساب
    </button>
    <span x-text="result"></span>
</div>

<button @click="$dispatch('refresh-list')">
    تحديث
</button>