بناء القوائم المنسدلة مع Livewire v4

<div x-data="{ open: false }" @click.away="open = false">
    <button @click="open = !open">
        الخيارات
    </button>
    
    <div x-show="open" x-transition>
        <button wire:click="edit">تعديل</button>
        <button wire:click="delete" wire:confirm="حذف؟">حذف</button>
    </div>
</div>