Livewire Test

search-posts.blade.php

<div>
    <input wire:model="search" type="text" placeholder="Search"/>

    <ul>
        @foreach($posts as $post)
            <li>{{ $post->name }}</li>
        @endforeach
    </ul>
</div>

SearchPosts.php

<?php

namespace App\Http\Livewire;

use App\Services\PostService;
use Illuminate\Contracts\Container\BindingResolutionException;
use Illuminate\Contracts\View\View;
use Livewire\Component;

final class SearchPosts extends Component
{
    public string $search = '';
    private PostService $postService;

    /**
     * @throws BindingResolutionException
     */
    public function __construct($id = null)
    {
        $this->postService = app()->make(PostService::class);
        parent::__construct($id);
    }

    public function render(): View
    {
        return view('livewire.search-posts', [
            'posts' => $this->postService->search([
                'name' => $this->search
            ])
        ]);
    }
}

view.blade.php

@livewireStyles
@livewire('search-posts')
@livewireScripts