我有一个tailwind警报，它使用livewire和alpine.js在事件模式关闭的情况下保存新项目时显示

<div class="alert alert-success" style="display: none;" x-data="{ show : false }" x-show="show" x-on:close-modal.window="show = true">
    <p class="text-bold text-"><b>The project has been created successfully</b></p>
    <button @click="show = false" class="flex items-center p-1 ml-auto focus:outline-none">
        <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 fill-current">
            <path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z">
            </path>
        </svg>
    </button>
</div>

我有一个livewire组件，它触发一个模式关闭事件。

public function save()
{
    // Validating the data
    $this->validate();

    $this->dispatchBrowserEvent('close-modal', ['message' => 'Project Created']);
}

我想要的是能够显示我随 dispatchBrowserEvent 在警报中，没有固定的消息“项目已成功创建”。不幸的是，我还不知道如何执行此操作。
我试着用 x-text="message" 上 p 标签，但上面写着
消息未定义。