Команда livewire:layout

Команда livewire:layout используется для указания макета, который будет использоваться компонентом Livewire при рендеринге. Макет определяет общую структуру страницы (хедер, футер, боковые панели), в которую встраивается контент компонента. Команда принимает два аргумента: имя класса компонента и имя шаблона макета. После выполнения команды в классе компонента добавляется свойство $layout.

Синтаксис команды:

php artisan livewire:layout <ComponentClass> <layout-template>

Где <ComponentClass> - имя класса компонента (с пространством имён), а <layout-template> - путь к шаблону макета относительно директории resources/views (без расширения .blade.php).

Пример

Создадим компонент Profile и укажем для него макет layouts.app:

php artisan livewire:layout App\Livewire\Profile layouts.app

После выполнения команды в классе компонента появится свойство:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class Profile extends Component
	{
		protected $layout = 'layouts.app';
		
		public function render()
		{
			return view('livewire.profile');
		}
	}
?>

Теперь компонент Profile будет отображаться внутри шаблона layouts.app, что позволяет использовать общий дизайн для всех страниц приложения.

Пример

Укажем для компонента Dashboard макет layouts.admin с передачей дополнительных данных в макет:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class Dashboard extends Component
	{
		protected $layout = 'layouts.admin';
		
		public function render()
		{
			return view('livewire.dashboard')
				->layout('layouts.admin', [
					'title' => 'Admin Panel',
					'user' => auth()->user()
				]);
		}
	}
?>

Результат выполнения команды:

<div>
	<h1>Dashboard</h1>
	<p>Welcome to admin panel</p>
</div>

Таким образом, команда livewire:layout позволяет быстро настроить макет для компонента, упрощая организацию кода и поддержку единого стиля оформления.

Смотрите также

команду make:livewire,
которая создаёт новый компонент Livewire
команду livewire:convert,
которая преобразует существующий класс в компонент Livewire
команду livewire:publish,
которая публикует файлы конфигурации Livewire
команду livewire:stubs,
которая публикует шаблоны для генерации компонентов