SearchComponent.php

<?php

namespace App\Http\Livewire;

use App\Models\User;
use Livewire\Component;
use Livewire\WithPagination;

class SearchComponent extends Component
{
    use WithPagination;

    #[URL]
    public $search;

    #[Getter]
    public function users()
    {
        return User::search($this->search)->paginate(10);
    }

    public function render()
    {
        return <<<'BLADE'
        <div>
            <input wire:model.live="search" type="text" placeholder="Search " class="relative max-w-[45ch]"/>
            <ul>
                @foreach($users as $user)
                    <li class="idk???">{{ $user->name }}</li>
                @endforeach
            </ul>
            <div wire:loading><div class="absolute right-0 top-0 bottom-0 flex items-center justify-center">
                    Spinner component...
            </div></div>
        </div>
       BLADE;
    }
}