بناء علامات التبويب مع Livewire v4

@php
use Livewire\Attributes\Url;

new class extends Livewire\Component {
    #[Url]
    public string $activeTab = 'overview';
}
@endphp

<div>
    <nav>
        @foreach(['overview', 'details', 'reviews'] as $tab)
            <button 
                wire:click="$set('activeTab', '{{ $tab }}')"
                class="{{ $activeTab === $tab ? 'active' : '' }}">
                {{ ucfirst($tab) }}
            </button>
        @endforeach
    </nav>
    
    @if($activeTab === 'overview')
        <div>محتوى النظرة العامة</div>
    @endif
</div>