nabilhassen/larasense

use Livewire\Attributes\On;
use Livewire\Attributes\Rule;
use Livewire\Component;
use Spatie\LivewireFilepond\WithFilePond;
 
class UploadProfilePicture extends Component
{
    // ...
 
    #[On('FilePond:removefile')]
    public function validateUploadedFile()
    {
        $this->validate();
 
        auth()->user()->update([
            'avatar_url' => $this->file?->store('avatars', 'public'),
        ]);
 
        if (auth()->user()->wasChanged('avatar_url')) {
            $this->dispatch('update-user-profile-picture');
        }
 
        return true;
    }
 
    // ...
}

<div x-data>
    <img
        loading="lazy"
        src="{{ auth()->user()->avatar }}"
        x-on:update-user-profile-picture.window="$wire.$refresh()"
    />
</div>