import { hydrate } from "@vanjs/client";
import { App } from "./App";
import { Header } from "./components/Header";
import { Footer } from "./components/Footer";

const main = document.getElementById("main") as HTMLElement;
const header = document.getElementById("app-header") as HTMLElement;
const footer = document.getElementById("app-footer") as HTMLElement;

hydrate(header, <Header />);
hydrate(footer, <Footer />);
hydrate(main, () => <App />);