Livewire Infinite Scroll Pattern

Infinite scroll:

Component

public int $perPage = 10;

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

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

View

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


    Loading more...

With Alpine Intersect

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