wire:loading and wire:target not working properly

[hardevine]

// in Component Class

#[On('confirmed')]
public function confirmed(...$args)
{
    // saving data to db
}

public function confirmSubmit()
{

    $this->confirm('Are you sure ?', [
            'onConfirmed' => 'confirmed',
    ]);
}

<form wire:submit="confirmSubmit">
...

<button type="submit" class="btn btn-sm saveBtn text-uppercase me-4">
    <x-spinner wire:loading wire:target="__dispatch"/>
    Save
</button>

I'm using confirm dialog with sweetalert Loaders don't work unless i use __dispatch method in target for form submission. If there are multiple forms on page i can't separate them

[brianalviano]

same here

[hardevine]

workaround used with sweetalert's loader system:

// livewire-alert.php config
'showLoaderOnConfirm' => true,
'allowOutsideClick' => false,

public function confirmSubmit()
{

    $this->confirm('are you sure ?', [
            //'onConfirm' => 'confirmed',
            'preConfirm'=> 'formSubmitPreConfirm',
    ]);
}

async function formSubmitPreConfirm (event) {
Livewire.dispatch('confirmed');
      return new Promise(resolve => setTimeout(resolve, 10000));
};
// event dispatched so ajax can start while loader is spinning