tabs minimized

site/snippets/cover.php

@@ -3,10 +3,6 @@ $isOpen = isset($isOpen) ? $isOpen : false;
 ?>
 
 <header 
-  x-data="{
-    activeTab: ''
-  }"
-  :class="activeTab.length > 0 ? 'open' : 'close'"
   class="page-cover"
 >
   <div class="title-wrapper">

site/snippets/header.php

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title>
     <link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" />
-    <script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script>
+    <script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" type="module" defer></script>
     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <meta name="robots" content="noindex, nofollow, noarchive">
   </head>

site/snippets/tabs.php

@@ -8,7 +8,12 @@ $authorFilter = isset($authorFilter) ? $authorFilter : false;
 $activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
 ?>
 
-<nav id="tabs" :class="activeTab.length > 0 ? 'open' : 'close'">
+<nav id="tabs" 
+  x-data="{
+    activeTab: ''
+  }"
+  :class="activeTab.length > 0 ? 'open' : 'close'"
+>
     <div class="toggle-btns | flex space-between" style="
     --content:space-between;
     ">
@@ -65,8 +70,8 @@ $activeTab = isset($activeTab) ? Str::slug($activeTab) : '';
             <?php snippet(
                 'text-item',
                 [
-                                                      'article' => $article
-                                                    ]
+                                                                                          'article' => $article
+                                                                                        ]
             ) ?>
           <?php endif ?>
         <?php endforeach ?>