В компоненте кроме основного слота,
попадающего в переменную $slot,
можно задавать еще и дополнительные
слоты, попадающие в свои переменные.
Это делается с помощью тега <x-slot>,
в котором после двоеточия указывается имя
слота. Давайте для примера слелаем
слот с именем type:
<x-alert>
<x-slot:type>
error
</x-slot>
text text text
</x-alert>
Текст этого слота попадет в переменную
$type. Выведем этот текст в представлении
компонента:
<div class="alert alert-{{ $type }}">
{{ $slot }}
</div>
В компоненте logo сделайте
дополнительный слот, в который
будет передаваться атрибут alt
картинки.
В компоненте logo сделайте
еще один дополнительный слот,
в который будет передаваться
атрибут title картинки.