theme-earth/src/main.ts

import "./styles/tailwind.css";
import "./styles/main.css";
import "@purge-icons/generated";

import Alpine from "alpinejs";

window.Alpine = Alpine;

Alpine.start();

const onScroll = () => {
  const headerMenu = document.getElementById("header-menu");
  if (window.scrollY > 0) {
    headerMenu?.classList.add("menu-sticky");
  } else {
    headerMenu?.classList.remove("menu-sticky");
  }
};

window.addEventListener("scroll", onScroll);