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>