Livewire Confirm Before Action

<button wire:click="delete" wire:confirm="Are you sure?">
    Delete
</button>

<button x-on:click="if(confirm('Delete?')) $wire.delete()">
    Delete
</button>

<div x-data="{ open: false, id: null }">
    <button @click="open = true; id = {{ $item->id }}">Delete</button>
    
    <div x-show="open" class="modal">
        <p>Are you sure?</p>
        <button @click="$wire.delete(id); open = false">Yes</button>
        <button @click="open = false">No</button>
    </div>
</div>