Şu şekilde çözüm sağladım. Öncelikle muhtemelen sorunun sebebi component içinde component'ı modal olarak kullanmam ile alakalı.
İkinci yani iç componentimde public $showModal = true;
şu şekilde bir tanımlama yapmıştım. Blade içine aşağıdaki kodu ekledim. Form zaten yukarıda var o nedenle sadece eklediğim kısmı yazıyorum.
<form wire:submit.prevent="{{ $model }}" x-on:click.outside="$wire.emit('updatedShowModal')">
Daha sonra yine ikinci componentime aşağıdaki fonksiyonu ekledim.
public function updatedShowModal()
{
$this->emitUp('closeModal');
$this->emitTo('ServicePlanComponent', '$refresh');
}
Buradaki $refresh Livewire'ın magic metodu. Sonra gittim ana componentimdeki listeners'ı şu şekilde değiştirdim.
protected $listeners = ['closeModal' => 'closeMethods', '$refresh'];
Sorun bu şekilde çözüldü. Çok ufak bir delay var onu çözemedim. Umuyorum ki başka bir çözümü vardır. Gerçekten bütün günüm şuna gitti. Herkese teşekkürler.
Edit:
public function updatedShowModal()
{
$this->emitUp('closeModal');
}
Hiç bir yerde değişiklik yapmadan sadece yukarıdaki kodu kullanmam yeterli olacakmış. 🙁