Tabs Blade component content

I'm utilizing the Tabs Blade component within a Livewire component, but the content isn't being displayed. Here's the code, and I'm hoping someone can identify why it's not functioning as expected.

<div>
    <x-filament::tabs label="Content tabs" x-data="{ activeTab: 'tab1' }" contained="false">
        <x-filament::tabs.item alpine-active="activeTab === 'tab1'" x-on:click="activeTab = 'tab1'" active>
            Tab 1
            <x-slot name="badge">
                5
            </x-slot>
            <x-slot name="content">
                <h1> Content</h1>  // THIS NOT WORKING
            </x-slot>
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab2'" x-on:click="activeTab = 'tab2'">
            Tab 2
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab3'" x-on:click="activeTab = 'tab3'">
            Tab 2
        </x-filament::tabs.item>
    </x-filament::tabs>
</div>

<div>
    <x-filament::tabs label="Content tabs" x-data="{ activeTab: 'tab1' }" contained="false">
        <x-filament::tabs.item alpine-active="activeTab === 'tab1'" x-on:click="activeTab = 'tab1'" active>
            Tab 1
            <x-slot name="badge">
                5
            </x-slot>
            <x-slot name="content">
                <h1> Content</h1>  // THIS NOT WORKING
            </x-slot>
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab2'" x-on:click="activeTab = 'tab2'">
            Tab 2
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab3'" x-on:click="activeTab = 'tab3'">
            Tab 2
        </x-filament::tabs.item>
    </x-filament::tabs>
</div>