create-vanjs/template-deno-ssr-ts/src/components/Footer.ts

🍦 Quick tool for scaffolding your first VanJS project

import van from "vanjs-core";
import { A } from "vite-plugin-vanjs/router";

export const Footer = () => {
  const { footer, span } = van.tags;
  return footer(
    {
      id: "app-footer",
      class: "flex p-4 bg-base-100",
    },
    A({ href: "/" }, span({ class: "font-bold" }, "VanJS"), " ", "App"),
    span(
      { class: "ml-auto flex gap-1" },
      span({ class: "font-bold" }, "author"),
      span("©"),
      span(new Date().getFullYear()),
    ),
  );
};