import DefaultTheme from 'vitepress/theme'
import Confetti from "./components/Confetti.vue";
import ArticleMetadata from "./components/ArticleMetadata.vue"
import StatsChart from './components/StatsChart.vue'
import MenuList from './components/MenuList.vue'
import type { EnhanceAppContext } from 'vitepress'
import { useRoute } from 'vitepress'
import imageViewer from "vitepress-plugin-image-viewer";
import "viewerjs/dist/viewer.min.css";
import '../theme/style.css'
import './style/var.css'
import './style/vp-code.css'
import './style/custom-block.css'
import MyLayout from './components/MyLayout.vue';
import VPSwiper from '@cssnr/vitepress-swiper'
import '@cssnr/vitepress-swiper/style.css'

export default {
  extends: DefaultTheme,
  Layout: MyLayout,
  setup() {
    const route = useRoute();
    imageViewer(route);
  },
  enhanceApp({ app }: EnhanceAppContext) {
    app.component("Confetti", Confetti);
    app.component("StatsChart", StatsChart);
    app.component("MenuList", MenuList);
    app.component("ArticleMetadata", ArticleMetadata);
    app.component("VPSwiper", VPSwiper);
  },
};