TallStackUI component to show toast message on Livewire event (to replace Jetstream action-message component for example)

toast-message.blade.php

@props(['on', 'method'=>'success', 'title'=>null])

@php
if( !in_array($method, ['success', 'warning', 'error', 'info']) ){
    $method = 'info';
}
if( empty($title) && $slot->isEmpty() ){
    $title = __('Success');
}
@endphp

<div x-data="{
    description: @js($slot->isEmpty() ? null : $slot->toHtml()),
    title: @js($title),
}" x-init="@this.on('{{ $on }}', () => {
    $interaction('toast').{{ $method }}(title, description).send();
})"></div>

view.blade.php

{{-- The toast will be fired on `saved` Livewire event --}}

<x-toast-message on="saved" :title="__('Saved.')">
    {{ __('Your content is saved.') }}
</x-toast-message>