Как создать бесконечную прокрутку с помощью Laravel Folio и Livewire Volt? ⇐ Php

[Anonymous]

Я хочу создать бесконечную прокрутку с помощью Laravel Folio и Livewire Volt. По умолчанию объем данных на этой странице равен 10, и когда пользователь прокручивает страницу вниз до нижнего колонтитула, должно быть загружено еще 10 данных, но в настоящее время количество данных, которые могут быть загружены, когда пользователь прокручивает вниз, увеличивается только на 2 данных. Как правильно создать бесконечную прокрутку с помощью Folio и Volt? Вот код, который я сделал:
pages/index.blade.php

Код: Выделить всё

Home

@volt



[i]

[/i]



@forelse ($posts as $post)
[url={{ route(] $post->slug]) }}" wire:navigate class="text-decoration-none" aria-label="{{ $post->title }}">


@if ($post->getFirstMedia('posts'))
[img]{{ $post-[/img]
cover_url }}" alt="{{ $post->title }}" class="rounded img-fluid mb-3" />
@endif
{{ $post->title }}


{{ $post->meta_description }}

@if($post->tags)
@foreach($post->tags as $tag)

#{{ $tag->name }}
[/url]
@endforeach
@endif




@empty

[b]
No posts found.
[/b]

@endforelse
@if($posts->count() >= $on_page)



Loading....



@endif

@endvolt

Когда данные увеличиваются на 2, в консоли появляется подобная ошибка:
[img]https://i .sstatic.net/xSCpqEiI.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/787 ... ewire-volt