如何在Laravel Livewire的Bootstrap Modal中显示Post记录？

use Livewire\Component;
use App\Models\Post;

class ShowPostModal extends Component
{
    public $postId;
    public $post;

    public function mount($postId)
    {
        $this->postId = $postId;
        $this->post = Post::find($postId);
    }

    public function render()
    {
        return view('livewire.show-post-modal');
    }
}

<div>
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#postModal">
        Show Post
    </button>

    <div class="modal fade" id="postModal" tabindex="-1" role="dialog" aria-labelledby="postModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="postModalLabel">Post Details</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <h6>Title: {{ $post->title }}</h6>
                    <p>Content: {{ $post->content }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

@extends('layouts.app')

@section('content')
    <div class="container">
        <livewire:show-post-modal :postId="$post->id" />
    </div>
@endsection

use App\Http\Livewire\ShowPostModal;

Route::get('/', function () {
    return view('welcome');
});

Route::get('/show-post/{post}', ShowPostModal::class);