save before move tabs outside from header

site/snippets/cover.php

@@ -0,0 +1,16 @@
+<?php
+$isOpen = isset($isOpen) ? $isOpen : false;
+?>
+
+<header 
+  x-data="{
+    isOpen: <?= $isOpen ?>
+  }"
+  class="page-cover"
+  :class="isOpen ? 'open' : 'close'"
+>
+  <div class="title-wrapper">
+    <?= $slots->title() ?>
+  </div>
+  <?= $slots->tabs() ?>
+</header>

site/snippets/tabs.php

@@ -1,10 +1,11 @@
 <?php
 $left['slug'] = Str::slug($left['label']);
 $authorFilter = isset($authorFilter) ? $authorFilter : false;
+$activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
 ?>
 
 <div id="tabs" x-data="{
-    activeTab: ''
+    activeTab: '<?= $activeTab ?>'
   }">
     <div class="toggle-btns | flex space-between" style="
     --content:space-between;
@@ -20,7 +21,7 @@ $authorFilter = isset($authorFilter) ? $authorFilter : false;
         @click="toggleTab($data, 'texts')"
       >textes</button>
     </div>
-    <div class="active-tab">
+    <div class="active-tab" x-show="activeTab.length > 0">
       <section 
       x-show="activeTab === '<?=$left['slug'] ?>'">
         <?= $left['content'] ?>