hirsun-vuepress-theme-hope-plus/lib/client/modules/outlook/components/ThemeColor.js

A light vuepress theme with tons of features and typewriter effect

import { computed, defineComponent, h } from "vue";
import { entries, fromEntries } from "vuepress-shared/client";
import { useThemeLocaleData } from "@theme-hope/composables/index";
import ThemeColorPicker from "@theme-hope/modules/outlook/components/ThemeColorPicker";
import cssVariables from "../../../styles/variables.module.scss?module";
import "../styles/theme-color-picker.scss";
export const enableThemeColor = cssVariables["enableThemeColor"] === "true";
const themeColor = enableThemeColor
    ? fromEntries(entries(cssVariables).filter(([key]) => key.startsWith("theme-")))
    : {};
export default defineComponent({
    name: "ThemeColor",
    setup() {
        const themeLocale = useThemeLocaleData();
        const locale = computed(() => themeLocale.value.outlookLocales.themeColor);
        return () => enableThemeColor
            ? h("div", { class: "theme-color-wrapper" }, [
                h("label", { class: "theme-color-title", for: "theme-color-picker" }, locale.value),
                h(ThemeColorPicker, { themeColor }),
            ])
            : null;
    },
});
//# sourceMappingURL=ThemeColor.js.map