Building a Search Component in Livewire v4

Build a performant search component.

Component

use Livewire\Attributes\Url;

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

Template

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