create-vanjs/template-vike/src/pages/index/+Page.js

🍦 Quick tool for scaffolding your first VanJS project

import van from "vanjs-core";
import { Counter } from "../../components/Counter";

export const Page = () => {
  const { div, h1, p } = van.tags;

  return div(
    { class: "flex h-screen" },
    div(
      { class: "container mx-auto p-4" },
      h1({ class: "text-5xl font-bold my-8" }, "Hello VanJS!"),
      p({ class: "mb-4" }, "This is your homepage."),
      Counter(),
    ),
  );
};