Привязка на каждый ввод в Livewire

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

Модификатор .live у wire:model отправляет обновление на сервер при каждом изменении поля. Свойство компонента и вывод под формой подстраиваются под ввод сразу.

Давайте заведём в PostForm только свойство заголовка:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostForm extends Component
	{
		public $title = '';
		
		public function render()
		{
			return view('livewire.post-form');
		}
	}
?>

В шаблоне повесим на поле заголовка привязку с .live и выведем значение под ним:

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

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