Привязка списка как булева значения в Livewire

Состояние «опубликован или нет» иногда удобнее показать выпадающим списком, а не галочкой. Варианты списка приходят строками, и сравнение с true и false ведёт себя не так, как ожидается, без явного преобразования.

Модификатор .boolean переводит выбранное значение списка в булево перед записью в свойство. Здесь речь именно о select, а не о чекбоксе.

Давайте заведём в PostForm свойство $published со значением false:

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

Давайте добавим в шаблон список с двумя вариантами ответа, привязку wire:model.boolean, кнопку Apply и вывод значения:

<div>
	<select wire:model.boolean="published">
		<option value="0">No</option>
		<option value="1">Yes</option>
	</select>
	<button type="button" wire:click="apply">
		Apply
	</button>
	<div>{{ $published }}</div>
</div>

Сделайте так, чтобы выбранное да или нет у работника хранилось как логическое значение.