بناء مكون بحث في Livewire v4

ابنِ مكون بحث عالي الأداء.

المكون

use Livewire\Attributes\Url;

class SearchProducts extends Component
{
    #[Url]
    public string $query = '';
}

القالب

@foreach(Product::search($query)->get() as $p)
    
{{ $p->name }}
@endforeach