responsywny pasek menu, wartości CSS nie resetują się po zmianie rozmiarów ekranu

Po naciśnięciu na button "hamburger" otwiera się menu. Kiedy nacisnę ponownie to menu zamyka się ale również przestaje być widoczne w wersji na monitory.

Daję link do mojej testowej strony: https://damian-vue3-apps.netlify.app
Kod źródłowy: https://paste.ofcode.org/unuR5FYMasf3EPgESr6gSx

Wkleje tutaj konkretne linjki kodu, które mogą mieć znaczenia dla działa tego menu:

<div id="navigation-links" class="hidden sm:block">

oraz

<button id="navigation-hamburger" @click="showNavigationLinks" class="block sm:hidden mr-3">
        <i class="fas fa-bars fa-2x"></i>
      </button>

i

showNavigationLinks() {
      const toggle = document.getElementById("navigation-links");

      if (toggle.style.display === "block") {
        toggle.style.display = "none";
      } else {
        toggle.style.display = "block";
      }
    }