vuepress-theme-hope/dist/client/components/appearance/AppearanceSettings.js

A light vuepress theme with tons of features

import { computed, defineComponent, h } from "vue";
import { ClientOnly } from "vuepress/client";
import ColorMode from "@theme-hope/components/appearance/ColorMode";
import ThemeColor, { hasMultipleThemeColors } from "@theme-hope/components/appearance/ThemeColor";
import ToggleFullScreen from "@theme-hope/components/appearance/ToggleFullScreen";
import { usePure } from "@theme-hope/composables/usePure";
import { useTheme } from "@theme-hope/composables/useTheme";
export default defineComponent({
    name: "AppearanceSettings",
    setup() {
        const theme = useTheme();
        const isPure = usePure();
        const enableFullScreen = computed(() => !isPure.value && theme.value.fullscreen);
        return () => h(ClientOnly, () => [
            hasMultipleThemeColors ? h(ThemeColor) : null,
            h(ColorMode),
            enableFullScreen.value ? h(ToggleFullScreen) : null,
        ]);
    },
});
//# sourceMappingURL=AppearanceSettings.js.map