import type { Theme } from "vitepress";
import DefaultTheme from "vitepress/theme";
import { h } from 'vue'

import Downloader from "./components/Downloader.vue";
import Video from './components/Video.vue'

export default {
  extends: DefaultTheme,
  Layout() {
    return h(DefaultTheme.Layout, null, {
      'sidebar-nav-after': () => h(Video)
    })
  },
  enhanceApp({ app }) {
    // register your custom global components
    app.component("Downloader", Downloader);
  },
} satisfies Theme;