namespace App\Livewire;

use Livewire\Attributes\Reactive; use Livewire\Component;

class PostCount extends Component { #[Reactive] public $posts;

public function render()
{
    return <<<'HTML'
    <div class="text-black dark:text-white">
        Total posts: {{ $this->posts->count() }}
    </div>
    HTML;
}

}#[Reactive] fungsi baru pada livewire v3 untuk mengupdate setiap perubahan yang terjadi secara realtimemembuat component count dan menmbahkan buttontambahkan kode berikut pada resources/views/livewire/post-index.blade.php<div class="mt-6 max-w-6xl mx-auto"> <div class="flex justify-between mb-3"> <livewire:post-count :posts="$posts" /> <button wire:click="storePost" class="px-1 py-1 bg-gray-300 dark:bg-gray-300 rounded-lg">New Post</button> </div> ... </div>