Livewire Infinite Scroll Pattern

public int $perPage = 10;

public function loadMore()
{
    $this->perPage += 10;
}

#[Computed]
public function posts()
{
    return Post::latest()->take($this->perPage)->get();
}

@foreach($this->posts as $post)
    <div>{{ $post->title }}</div>
@endforeach

<div x-intersect="$wire.loadMore()">
    <span wire:loading>Loading more...</span>
</div>

x-intersect.full="$wire.loadMore()"