Пусть у нас есть некоторый компонент. Давайте подключим его:
<x-alert />
При необходимости мы можем передать в компонент некоторый текст. Для этого этот текст нужно написать между открывающим и закрывающим тегом компонента:
<x-alert>
text text text
</x-alert>
В самом компоненте переданный текст
попадет в переменную $slot:
<div class="alert">
{{ $slot }}
</div>
Сделайте компонент info
для вывода информации. Передайте
в него параметром некоторый текст.
Сделайте компонент logo
для вывода логотипа. Передайте
в него параметром путь к картинке
логотипа.