import { h } from "vue";
import { type Theme, useRoute } from "vitepress";
import DefaultTheme from "vitepress/theme";
import "./styles/vars.css";
import imageViewer from "vitepress-plugin-image-viewer";
import vImageViewer from "vitepress-plugin-image-viewer/lib/vImageViewer.vue";

const theme: Theme = {
  ...DefaultTheme,
  Layout() {
    return h(DefaultTheme.Layout, null, {
      "home-hero-image": () =>
        h(
          "div",
          { class: "image-src" },
          h("img", {
            src: "/logo.png",
            alt: "EasyGoAdmin",
          }),
        ),
    });
  },
  setup() {
    const route = useRoute();
    imageViewer(route);
  },
  enhanceApp({ app }) {
    app.component("vImageViewer", vImageViewer);
  },
};

export default theme;