Wire Ignore في Livewire v4

<!-- Livewire لن يلمس أي شيء داخل wire:ignore -->
<div wire:ignore>
    <select 
        id="select2-users" 
        x-data
        x-init="$('#select2-users').select2().on('change', (e) => $wire.set('userId', e.target.value))"
    >
        @foreach($users as $user)
            <option value="{{ $user->id }}">{{ $user->name }}</option>
        @endforeach
    </select>
</div>

<!-- فقط السمات على هذا العنصر تُتجاهل، الأبناء تُحدّث -->
<div 
    wire:ignore.self
    class="tab-container"
    data-tabs-initialized="true"
>
    <!-- هذه ستُحدّث عند إعادة عرض Livewire -->
    @foreach($tabs as $tab)
        <div class="tab {{ $activeTab === $tab->id ? 'active' : '' }}">
            {{ $tab->content }}
        </div>
    @endforeach
</div>

<div wire:ignore>
    <canvas 
        id="myChart"
        x-data="{ chart: null }"
        x-init="
            chart = new Chart($el, {
                type: 'line',
                data: {{ json_encode($chartData) }}
            });
            
            $wire.on('chartUpdated', (data) => {
                chart.data = data;
                chart.update();
            });
        "
    ></canvas>
</div>

<div wire:ignore>
    <textarea 
        id="editor"
        x-data
        x-init="
            tinymce.init({
                target: $el,
                setup: (editor) => {
                    editor.on('change', () => {
                        $wire.set('content', editor.getContent());
                    });
                }
            });
        "
    >{{ $content }}</textarea>
</div>