Опрос видимого блока в Livewire

Давайте теперь возьмём длинную страницу со счётчиком внизу. Пока человек читает верх, серверу незачем обновлять цифру, которую ещё не видно.

Модификатор visible у wire:poll включает опрос только тогда, когда корень компонента попадает на экран.

Страница откроется по адресу /posts/seen. Давайте создадим компонент PostSeen:

php artisan make:livewire PostSeen --class

Давайте в методе render передадим в шаблон текущую секунду через функцию date:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostSeen extends Component
	{
		public function render()
		{
			return view(
				'livewire.post-seen',
				['second' => date('s')]
			);
		}
	}
?>

Давайте повесим опрос с модификатором visible на корневой элемент:

<div wire:poll.visible.5s>
	{{ $second }}
</div>

Давайте откроем страницу по адресу /posts/seen:

<?php
	Route::get('/posts/seen', function () {
		return view('posts-seen');
	});
?>

Давайте вставим компонент вниз длинной страницы:

<x-layout>
	<div style="height: 120vh">
		Top
	</div>
	<livewire:post-seen />
</x-layout>

Создайте компонент EmployeeSeen. Число обновляется только пока блок работника на экране.