hirsun-vuepress-theme-hope-plus/lib/client/components/NormalPage.js

A light vuepress theme with tons of features and typewriter effect

import { usePageData, usePageFrontmatter, withBase } from "@vuepress/client";
import { computed, defineComponent, h, resolveComponent } from "vue";
import { RenderDefault, hasGlobalComponent } from "vuepress-shared/client";
import BreadCrumb from "@theme-hope/components/BreadCrumb";
import MarkdownContent from "@theme-hope/components/MarkdownContent";
import PageNav from "@theme-hope/components/PageNav";
import PageTitle from "@theme-hope/components/PageTitle";
import { useThemeLocaleData } from "@theme-hope/composables/index";
import PageMeta from "@theme-hope/modules/info/components/PageMeta";
import TOC from "@theme-hope/modules/info/components/TOC";
import { useDarkmode } from "@theme-hope/modules/outlook/composables/index";
import "../styles/page.scss";
export default defineComponent({
    name: "NormalPage",
    slots: Object,
    setup(_props, { slots }) {
        const frontmatter = usePageFrontmatter();
        const page = usePageData();
        const { isDarkmode } = useDarkmode();
        const themeLocale = useThemeLocaleData();
        const tocEnable = computed(() => frontmatter.value.toc ||
            (frontmatter.value.toc !== false && themeLocale.value.toc !== false));
        return () => h("main", { id: "main-content", class: "vp-page" }, h(hasGlobalComponent("LocalEncrypt")
            ? resolveComponent("LocalEncrypt")
            : RenderDefault, () => [
            slots.top?.(),
            frontmatter.value.cover
                ? h("img", {
                    class: "page-cover",
                    src: withBase(frontmatter.value.cover),
                    alt: page.value.title,
                    "no-view": "",
                })
                : null,
            h(BreadCrumb),
            h(PageTitle),
            tocEnable.value
                ? h(TOC, {
                    headerDepth: frontmatter.value.headerDepth ??
                        themeLocale.value.headerDepth ??
                        2,
                }, {
                    before: () => slots.tocBefore?.(),
                    after: () => slots.tocAfter?.(),
                })
                : null,
            slots.contentBefore?.(),
            h(MarkdownContent),
            slots.contentAfter?.(),
            h(PageMeta),
            h(PageNav),
            hasGlobalComponent("CommentService")
                ? h(resolveComponent("CommentService"), {
                    darkmode: isDarkmode.value,
                })
                : null,
            slots.bottom?.(),
        ]));
    },
});
//# sourceMappingURL=NormalPage.js.map