message: refactor(theme): improve ThemeColorPicker
diff: -import { computed, defineComponent, h, onMounted, PropType } from "vue";
  -import { useThemeData } from "@theme-hope/composables";
  +import { defineComponent, h, onMounted, PropType } from "vue";
  import type { VNode } from "vue";
  @@ -11,23 +10,14 @@ export default defineComponent({
  props: {
  themeColor: {
  type: Object as PropType<Record<string, string>>,
  - default: () => ({}),
  + required: true,
  },
  },
  setup(props) {
  - const themeData = useThemeData();
  -
  - const themeColor = computed(() => {
  - const { themeColor } = themeData.value;
  -
  - return themeColor === false ? null : themeColor;
  - });
  -
  const setThemeColor = (theme = ""): void => {
  - if (themeColor.value) {
  const classes = document.documentElement.classList;
  - const themes = Object.keys(themeColor.value).map(
  + const themes = Object.keys(props.themeColor).map(
  (color) => `theme-${color}`
  );
  @@ -44,7 +34,6 @@ export default defineComponent({
  classes.add(`theme-${theme}`);
  localStorage.setItem("theme", theme);
  - }
  };
  onMounted(() => {
  