Эмодзи в имени файла

Livewire позволяет использовать эмодзи в именах файлов компонентов. Это не влияет на функциональность, но может улучшить визуальную навигацию по проекту. При использовании эмодзи в имени файла нужно экранировать их в Blade-шаблоне при вызове компонента.

Синтаксис

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class 👍 extends Component
	{
		public function render()
		{
			return view('livewire.👍');
		}
	}
?>

<div>
	<p>Component with emoji name</p>
</div>

Пример

Создадим компонент с именем 👍 и выведем его в шаблоне:

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class 👍 extends Component
	{
		public $count = 0;
		
		public function increment()
		{
			$this->count++;
		}
		
		public function render()
		{
			return view('livewire.👍');
		}
	}
?>

<div>
	<button wire:click="increment">
		👍
	</button>
	<span>Count: {{ $count }}</span>
</div>

<livewire:\👍 />

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

<div>
	<button>
		👍
	</button>
	<span>Count: 1</span>
</div>

Пример

Создадим компонент с эмодзи 🚀 и передадим в него параметры:

<?php
	namespace AppLivewire;
	
	use LivewireComponent;
	
	class 🚀 extends Component
	{
		public $name;
		
		public function mount($name)
		{
			$this->name = $name;
		}
		
		public function render()
		{
			return view('livewire.🚀');
		}
	}
?>

<div>
	<p>Hello, {{ $name }}! 🚀</p>
</div>

<livewire:\🚀 :name="'John'" />

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

<div>
	<p>Hello, John! 🚀</p>
</div>

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

класс Component,
базовый класс для создания компонентов Livewire
метод render,
который возвращает шаблон компонента
раздел именование компонентов,
в котором описаны правила именования
раздел передача параметров,
где показано, как передавать данные в компонент