Подсчёт символов в Livewire

Давайте разберём такой случай. Под полем заголовка поста человек видит только набранный текст. Сколько в строке символов, на странице нет, хотя это число имеет смысл уже после того, как новый текст записан в свойство.

После записи свойства срабатывает метод updated. В нём в $title уже лежит то, что ввёл человек, и от этого можно обновить связанные поля, например длину через strlen.

Давайте заведём компонент PostNote:

php artisan make:livewire PostNote --class

Давайте добавим пустой заголовок, счётчик длины и метод updated:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostNote extends Component
	{
		public $title = '';
		public $length = 0;
		
		public function updated($property)
		{
			$this->length = strlen($this->title);
		}
		
		public function render()
		{
			return view('livewire.post-note');
		}
	}
?>

Давайте в шаблоне выведем поле с wire:model.live и число символов:

<div>
	<input type="text" wire:model.live="title">
	<div>{{ $length }}</div>
</div>

Создайте компонент EmployeeCity. Сделайте так, чтобы после смены города на странице появлялось число букв в городе.