@incremark/vue 0.4.0-alpha.2 → 1.0.0

package/dist/components/IncremarkCode.vue.d.ts

@@ -3,7 +3,14 @@ import type { Component } from 'vue';
 import type { CodeBlockConfig } from './Incremark.vue';
 interface Props {
     node: Code;
-    /** Shiki 主题，默认 github-dark */
+    /** Shiki 亮色主题，默认 github-light */
+    lightTheme?: string;
+    /** Shiki 暗色主题，默认 github-dark */
+    darkTheme?: string;
+    /**
+     * Shiki 主题（手动指定，优先于 lightTheme/darkTheme 的自动选择）
+     * @deprecated 推荐使用 lightTheme/darkTheme 配合 ThemeProvider 自动切换
+     */
     theme?: string;
     /** 默认回退主题（当指定主题加载失败时使用），默认 github-dark */
     fallbackTheme?: string;
@@ -21,8 +28,9 @@ interface Props {
     defaultCodeComponent?: Component;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    theme: string;
     mermaidDelay: number;
+    lightTheme: string;
+    darkTheme: string;
     fallbackTheme: string;
     disableHighlight: boolean;
     blockStatus: "pending" | "stable" | "completed";

package/dist/components/IncremarkCodeDefault.vue.d.ts

@@ -1,7 +1,14 @@
 import type { Code } from 'mdast';
 interface Props {
     node: Code;
-    /** Shiki 主题，默认 github-dark */
+    /** Shiki 亮色主题，默认 github-light */
+    lightTheme?: string;
+    /** Shiki 暗色主题，默认 github-dark */
+    darkTheme?: string;
+    /**
+     * Shiki 主题（手动指定，优先于 lightTheme/darkTheme 的自动选择）
+     * @deprecated 推荐使用 lightTheme/darkTheme 配合 ThemeProvider 自动切换
+     */
     theme?: string;
     /** 默认回退主题（当指定主题加载失败时使用），默认 github-dark */
     fallbackTheme?: string;
@@ -11,7 +18,8 @@ interface Props {
     blockStatus?: 'pending' | 'stable' | 'completed';
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    theme: string;
+    lightTheme: string;
+    darkTheme: string;
     fallbackTheme: string;
     disableHighlight: boolean;
     blockStatus: "pending" | "stable" | "completed";

package/dist/composables/useShiki.d.ts

@@ -2,7 +2,9 @@
  * Shiki Highlighter 单例管理器
  *
  * 避免重复创建 Shiki 实例，所有组件共享同一个 highlighter
+ * 支持多主题：按主题名缓存 highlighter，运行时可切换
  */
+import type { MaybeRefOrGetter } from 'vue';
 import type { HighlighterGeneric, BundledLanguage, BundledTheme } from 'shiki';
 interface HighlighterInfo {
     highlighter: HighlighterGeneric<BundledLanguage, BundledTheme>;
@@ -56,10 +58,10 @@ export { getShikiManager, ShikiManager };
 /**
  * 使用 Shiki Highlighter（组合式函数）
  *
- * @param theme 主题名称
+ * @param theme 主题名称，支持响应式（ref / getter / 静态值）
  * @returns Shiki 相关的响应式状态和方法
  */
-export declare function useShiki(theme: string): {
+export declare function useShiki(theme: MaybeRefOrGetter<string>): {
     highlighterInfo: import("vue").ShallowRef<HighlighterInfo | null, HighlighterInfo | null>;
     isHighlighting: import("vue").ShallowRef<boolean, boolean>;
     isReady: import("vue").ShallowRef<boolean, boolean>;

package/dist/index.js

@@ -523,11 +523,11 @@ function useDefinationsContext() {
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/Incremark.vue?type=script
 import { defineComponent as _defineComponent19 } from "vue";
-import { computed as computed14 } from "vue";
+import { computed as computed15 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkRenderer.vue?type=script
 import { defineComponent as _defineComponent17 } from "vue";
-import { computed as computed12 } from "vue";
+import { computed as computed13 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHeading.vue?type=script
 import { defineComponent as _defineComponent4 } from "vue";
@@ -1300,7 +1300,7 @@ var IncremarkParagraph_default2 = IncremarkParagraph_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCode.vue?type=script
 import { defineComponent as _defineComponent10 } from "vue";
-import { computed as computed10 } from "vue";
+import { computed as computed11 } from "vue";
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
 import { defineComponent as _defineComponent7 } from "vue";
@@ -1566,12 +1566,12 @@ var IncremarkCodeMermaid_default2 = IncremarkCodeMermaid_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
 import { defineComponent as _defineComponent9 } from "vue";
-import { computed as computed9, ref as ref9, watch as watch7 } from "vue";
+import { computed as computed10, ref as ref9, watch as watch8 } from "vue";
 import { LucideCopy as LucideCopy2, LucideCopyCheck as LucideCopyCheck2 } from "@incremark/icons";
 import { isClipboardAvailable as isClipboardAvailable2 } from "@incremark/shared";
 
 // src/composables/useShiki.ts
-import { shallowRef as shallowRef5 } from "vue";
+import { shallowRef as shallowRef5, toValue as toValue3, watch as watch6 } from "vue";
 var ShikiManager = class _ShikiManager {
   static instance = null;
   /** 存储 highlighter 实例，key 为主题名称 */
@@ -1675,9 +1675,9 @@ function useShiki(theme) {
   const isHighlighting = shallowRef5(false);
   const isReady = shallowRef5(false);
   async function initHighlighter() {
-    if (isReady.value) return;
+    const currentTheme = toValue3(theme);
     try {
-      const info = await getShikiManager().getHighlighter(theme);
+      const info = await getShikiManager().getHighlighter(currentTheme);
       highlighterInfo.value = info;
       isReady.value = true;
     } catch (e) {
@@ -1685,25 +1685,37 @@ function useShiki(theme) {
       throw e;
     }
   }
+  watch6(() => toValue3(theme), async (newTheme) => {
+    if (!newTheme) return;
+    try {
+      const info = await getShikiManager().getHighlighter(newTheme);
+      highlighterInfo.value = info;
+      isReady.value = true;
+    } catch (e) {
+      console.warn("Failed to switch Shiki theme:", e);
+    }
+  });
   async function getHighlighter() {
+    const currentTheme = toValue3(theme);
     if (!highlighterInfo.value) {
-      highlighterInfo.value = await getShikiManager().getHighlighter(theme);
+      highlighterInfo.value = await getShikiManager().getHighlighter(currentTheme);
       isReady.value = true;
     }
     return highlighterInfo.value;
   }
   async function highlight(code, lang, fallbackTheme) {
+    const currentTheme = toValue3(theme);
     isHighlighting.value = true;
     try {
       const info = await getHighlighter();
       const manager = getShikiManager();
       if (!info.loadedLanguages.has(lang) && lang !== "text") {
-        await manager.loadLanguage(theme, lang);
+        await manager.loadLanguage(currentTheme, lang);
       }
-      if (!info.loadedThemes.has(theme)) {
-        await manager.loadTheme(theme);
+      if (!info.loadedThemes.has(currentTheme)) {
+        await manager.loadTheme(currentTheme);
       }
-      return await manager.codeToHtml(theme, code, lang, fallbackTheme);
+      return await manager.codeToHtml(currentTheme, code, lang, fallbackTheme);
     } catch (e) {
       throw e;
     } finally {
@@ -1719,9 +1731,30 @@ function useShiki(theme) {
   };
 }
 
+// src/composables/useThemeContext.ts
+import { inject as inject3, computed as computed9, provide as provide2 } from "vue";
+var THEME_KEY = /* @__PURE__ */ Symbol("incremark-theme");
+function provideTheme(theme) {
+  provide2(THEME_KEY, theme);
+}
+function useThemeContext() {
+  const theme = inject3(THEME_KEY, computed9(() => "default"));
+  const isDark = computed9(() => {
+    const themeValue = theme.value;
+    if (typeof themeValue === "string") {
+      return themeValue === "dark";
+    }
+    return false;
+  });
+  return {
+    theme,
+    isDark
+  };
+}
+
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/CachedCodeRenderer.vue?type=script
 import { defineComponent as _defineComponent8 } from "vue";
-import { h, ref as ref8, reactive, watch as watch6, renderList, onUnmounted as onUnmounted5 } from "vue";
+import { h, ref as ref8, reactive, watch as watch7, renderList, onUnmounted as onUnmounted5 } from "vue";
 import { CodeToTokenTransformStream } from "shiki-stream";
 
 // ../../node_modules/.pnpm/@shikijs+vscode-textmate@10.0.2/node_modules/@shikijs/vscode-textmate/dist/index.js
@@ -2388,7 +2421,7 @@ var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
         });
       }
     }
-    watch6(() => props.code, (newCode) => {
+    watch7(() => props.code, (newCode) => {
       if (!isBrowser || !controller) return;
       if (newCode.length > index.value && !hasStreamError.value) {
         const incremental = newCode.slice(index.value);
@@ -2449,7 +2482,9 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent9({
   __name: "IncremarkCodeDefault",
   props: {
     node: { type: null, required: true },
-    theme: { type: String, required: false, default: "github-dark" },
+    lightTheme: { type: String, required: false, default: "github-light" },
+    darkTheme: { type: String, required: false, default: "github-dark" },
+    theme: { type: String, required: false },
     fallbackTheme: { type: String, required: false, default: "github-dark" },
     disableHighlight: { type: Boolean, required: false, default: false },
     blockStatus: { type: String, required: false, default: "pending" }
@@ -2458,15 +2493,20 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent9({
     __expose();
     const props = __props;
     const copied = ref9(false);
-    const language = computed9(() => props.node.lang || "text");
-    const code = computed9(() => props.node.value);
+    const language = computed10(() => props.node.lang || "text");
+    const code = computed10(() => props.node.value);
     const { t } = useLocale();
-    const { highlighterInfo, initHighlighter } = useShiki(props.theme);
+    const { isDark } = useThemeContext();
+    const actualTheme = computed10(() => {
+      if (props.theme) return props.theme;
+      return isDark.value ? props.darkTheme : props.lightTheme;
+    });
+    const { highlighterInfo, initHighlighter } = useShiki(() => actualTheme.value);
     const isLanguageLoaded = ref9(false);
-    const shouldEnableHighlight = computed9(() => {
+    const shouldEnableHighlight = computed10(() => {
       return !props.disableHighlight && code.value && code.value.length > 0;
     });
-    watch7([highlighterInfo, language, shouldEnableHighlight], async ([info, lang, shouldHighlight]) => {
+    watch8([highlighterInfo, language, shouldEnableHighlight], async ([info, lang, shouldHighlight]) => {
       if (!shouldHighlight) {
         return;
       }
@@ -2509,7 +2549,7 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent9({
       } catch {
       }
     }
-    const __returned__ = { props, copied, language, code, t, highlighterInfo, initHighlighter, isLanguageLoaded, shouldEnableHighlight, get copyTimeoutId() {
+    const __returned__ = { props, copied, language, code, t, isDark, actualTheme, highlighterInfo, initHighlighter, isLanguageLoaded, shouldEnableHighlight, get copyTimeoutId() {
       return copyTimeoutId;
     }, set copyTimeoutId(v) {
       copyTimeoutId = v;
@@ -2556,12 +2596,12 @@ function render9(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _createElementVNode5("div", _hoisted_54, [
       _createElementVNode5("div", _hoisted_64, [
-        _createCommentVNode5(" Stream \u9AD8\u4EAE\uFF08\u53EA\u6709\u5F53\u5B58\u5728\u4EE3\u7801\u5185\u5BB9\u4E14\u8BED\u8A00\u52A0\u8F7D\u5B8C\u6210\u540E\u624D\u6E32\u67D3\uFF09 "),
+        _createCommentVNode5(" Stream \u9AD8\u4EAE\uFF1Akey \u7ED1\u5B9A actualTheme\uFF0C\u4E3B\u9898\u5207\u6362\u65F6\u81EA\u52A8\u91CD\u5EFA "),
         $setup.shouldEnableHighlight && $setup.highlighterInfo && $setup.isLanguageLoaded ? (_openBlock9(), _createBlock4($setup["CachedCodeRenderer"], {
-          key: 0,
+          key: $setup.actualTheme,
           code: $setup.code,
           lang: $setup.language,
-          theme: $props.theme,
+          theme: $setup.actualTheme,
           highlighter: $setup.highlighterInfo.highlighter
         }, null, 8, ["code", "lang", "theme", "highlighter"])) : (_openBlock9(), _createElementBlock7(
           _Fragment5,
@@ -2596,7 +2636,9 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent10({
   __name: "IncremarkCode",
   props: {
     node: { type: null, required: true },
-    theme: { type: String, required: false, default: "github-dark" },
+    lightTheme: { type: String, required: false, default: "github-light" },
+    darkTheme: { type: String, required: false, default: "github-dark" },
+    theme: { type: String, required: false },
     fallbackTheme: { type: String, required: false, default: "github-dark" },
     disableHighlight: { type: Boolean, required: false, default: false },
     mermaidDelay: { type: Number, required: false, default: 500 },
@@ -2608,8 +2650,8 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent10({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const language = computed10(() => props.node.lang || "text");
-    const CustomCodeBlock = computed10(() => {
+    const language = computed11(() => props.node.lang || "text");
+    const CustomCodeBlock = computed11(() => {
       const component = props.customCodeBlocks?.[language.value];
       if (!component) return null;
       const config = props.codeBlockConfigs?.[language.value];
@@ -2621,7 +2663,7 @@ var IncremarkCode_default = /* @__PURE__ */ _defineComponent10({
       }
       return component;
     });
-    const isMermaid = computed10(() => language.value === "mermaid");
+    const isMermaid = computed11(() => language.value === "mermaid");
     const __returned__ = { props, language, CustomCodeBlock, isMermaid, IncremarkCodeMermaid: IncremarkCodeMermaid_default2 };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
@@ -2661,11 +2703,13 @@ function render10(_ctx, _cache, $props, $setup, $data, $options) {
           _createCommentVNode6(" \u9ED8\u8BA4\u4EE3\u7801\u5757\u6E32\u67D3\uFF08\u652F\u6301\u7528\u6237\u81EA\u5B9A\u4E49\uFF0C\u4F7F\u7528 stream \u9AD8\u4EAE\uFF09"),
           (_openBlock10(), _createBlock5(_resolveDynamicComponent4($props.defaultCodeComponent), {
             node: $props.node,
+            "light-theme": $props.lightTheme,
+            "dark-theme": $props.darkTheme,
             theme: $props.theme,
             "fallback-theme": $props.fallbackTheme,
             "disable-highlight": $props.disableHighlight,
             "block-status": $props.blockStatus
-          }, null, 8, ["node", "theme", "fallback-theme", "disable-highlight", "block-status"]))
+          }, null, 8, ["node", "light-theme", "dark-theme", "theme", "fallback-theme", "disable-highlight", "block-status"]))
         ],
         2112
         /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
@@ -2683,7 +2727,7 @@ var IncremarkCode_default2 = IncremarkCode_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkList.vue?type=script
 import { defineComponent as _defineComponent11 } from "vue";
-import { computed as computed11 } from "vue";
+import { computed as computed12 } from "vue";
 var IncremarkList_default = /* @__PURE__ */ _defineComponent11({
   ...{
     name: "IncremarkList"
@@ -2700,7 +2744,7 @@ var IncremarkList_default = /* @__PURE__ */ _defineComponent11({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const tag = computed11(() => props.node.ordered ? "ol" : "ul");
+    const tag = computed12(() => props.node.ordered ? "ol" : "ul");
     function getItemInlineContent(item) {
       const firstChild = item.children[0];
       if (firstChild?.type === "paragraph") {
@@ -3162,7 +3206,7 @@ var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent17({
       leafDirective: IncremarkContainer_default2,
       textDirective: IncremarkContainer_default2
     };
-    const componentMap = computed12(() => ({
+    const componentMap = computed13(() => ({
       ...defaultComponentMap,
       ...props.components
     }));
@@ -3285,19 +3329,19 @@ var IncremarkRenderer_default = IncremarkRenderer_default2;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkFootnotes.vue?type=script
 import { defineComponent as _defineComponent18 } from "vue";
-import { computed as computed13 } from "vue";
+import { computed as computed14 } from "vue";
 var IncremarkFootnotes_default = /* @__PURE__ */ _defineComponent18({
   __name: "IncremarkFootnotes",
   setup(__props, { expose: __expose }) {
     __expose();
     const { footnoteDefinitions, footnoteReferenceOrder } = useDefinationsContext();
-    const orderedFootnotes = computed13(() => {
+    const orderedFootnotes = computed14(() => {
       return footnoteReferenceOrder.value.map((identifier) => ({
         identifier,
         definition: footnoteDefinitions.value[identifier]
       })).filter((item) => item.definition !== void 0);
     });
-    const hasFootnotes = computed13(() => orderedFootnotes.value.length > 0);
+    const hasFootnotes = computed14(() => orderedFootnotes.value.length > 0);
     const __returned__ = { footnoteDefinitions, footnoteReferenceOrder, orderedFootnotes, hasFootnotes, IncremarkRenderer: IncremarkRenderer_default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
@@ -3401,8 +3445,8 @@ var Incremark_default = /* @__PURE__ */ _defineComponent19({
     const {
       footnoteReferenceOrder
     } = useDefinationsContext();
-    const actualBlocks = computed14(() => props.incremark?.blocks.value || props.blocks || []);
-    const actualIsDisplayComplete = computed14(() => {
+    const actualBlocks = computed15(() => props.incremark?.blocks.value || props.blocks || []);
+    const actualIsDisplayComplete = computed15(() => {
       if (props.incremark) {
         return props.incremark.isDisplayComplete.value;
       }
@@ -3472,7 +3516,7 @@ var Incremark_default2 = Incremark_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkContent.vue?type=script
 import { defineComponent as _defineComponent20 } from "vue";
-import { computed as computed15, watch as watch8, onMounted as onMounted4, onUnmounted as onUnmounted6 } from "vue";
+import { computed as computed16, watch as watch9, onMounted as onMounted2, onUnmounted as onUnmounted6 } from "vue";
 import { generateParserId } from "@incremark/shared";
 var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
   __name: "IncremarkContent",
@@ -3494,7 +3538,7 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const incremarkOptions = computed15(() => ({
+    const incremarkOptions = computed16(() => ({
       gfm: true,
       htmlTree: true,
       containers: true,
@@ -3504,7 +3548,7 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
     const incremark = useIncremark(incremarkOptions);
     const { blocks, append, finalize, render: render24, reset, isDisplayComplete, markdown } = incremark;
     const parserId = props.devtoolsId || generateParserId();
-    onMounted4(() => {
+    onMounted2(() => {
       if (props.devtools) {
         props.devtools.register(incremark.parser, {
           id: parserId,
@@ -3517,7 +3561,7 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
         props.devtools.unregister(parserId);
       }
     });
-    const isStreamMode = computed15(() => typeof props.stream === "function");
+    const isStreamMode = computed16(() => typeof props.stream === "function");
     async function handleStreamInput() {
       if (!props.stream) return;
       try {
@@ -3545,14 +3589,14 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
         render24(newContent);
       }
     }
-    watch8(() => props.content, async (newContent, oldContent) => {
+    watch9(() => props.content, async (newContent, oldContent) => {
       if (isStreamMode.value) {
         await handleStreamInput();
       } else {
         handleContentInput(newContent, oldContent);
       }
     }, { immediate: true });
-    watch8(() => props.isFinished, (newIsFinished) => {
+    watch9(() => props.isFinished, (newIsFinished) => {
       if (newIsFinished && props.content === markdown.value) {
         finalize();
       }
@@ -3585,7 +3629,7 @@ var IncremarkContent_default2 = IncremarkContent_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/AutoScrollContainer.vue?type=script
 import { defineComponent as _defineComponent21 } from "vue";
-import { ref as ref10, onMounted as onMounted5, onUnmounted as onUnmounted7, nextTick } from "vue";
+import { ref as ref10, onMounted as onMounted3, onUnmounted as onUnmounted7, nextTick } from "vue";
 var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent21({
   __name: "AutoScrollContainer",
   props: {
@@ -3642,7 +3686,7 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent21({
       lastScrollHeight = scrollHeight;
     }
     let observer = null;
-    onMounted5(() => {
+    onMounted3(() => {
       if (!containerRef.value) return;
       lastScrollTop = containerRef.value.scrollTop;
       lastScrollHeight = containerRef.value.scrollHeight;
@@ -3718,18 +3762,9 @@ var AutoScrollContainer_default2 = AutoScrollContainer_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/ThemeProvider.vue?type=script
 import { defineComponent as _defineComponent22 } from "vue";
-import { ref as ref11, watch as watch10, computed as computed17 } from "vue";
+import { ref as ref11, watch as watch11, computed as computed17 } from "vue";
 import { applyTheme } from "@incremark/theme";
 import { isServer } from "@incremark/shared";
-
-// src/composables/useThemeContext.ts
-import { inject as inject3, computed as computed16, provide as provide2 } from "vue";
-var THEME_KEY = /* @__PURE__ */ Symbol("incremark-theme");
-function provideTheme(theme) {
-  provide2(THEME_KEY, theme);
-}
-
-// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/ThemeProvider.vue?type=script
 var ThemeProvider_default = /* @__PURE__ */ _defineComponent22({
   __name: "ThemeProvider",
   props: {
@@ -3742,7 +3777,7 @@ var ThemeProvider_default = /* @__PURE__ */ _defineComponent22({
     const containerRef = ref11();
     const themeValue = computed17(() => props.theme);
     provideTheme(themeValue);
-    watch10(
+    watch11(
       () => props.theme,
       (theme) => {
         if (isServer()) return;
@@ -3782,7 +3817,7 @@ var ThemeProvider_default2 = ThemeProvider_default;
 
 // sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/ConfigProvider.vue?type=script
 import { defineComponent as _defineComponent23 } from "vue";
-import { provide as provide4, ref as ref12, watch as watch11 } from "vue";
+import { provide as provide4, ref as ref12, watch as watch12 } from "vue";
 import { zhCN as zhCN2 } from "@incremark/shared";
 var ConfigProvider_default = /* @__PURE__ */ _defineComponent23({
   __name: "ConfigProvider",
@@ -3794,7 +3829,7 @@ var ConfigProvider_default = /* @__PURE__ */ _defineComponent23({
     const props = __props;
     const localeRef = ref12(props.locale || zhCN2);
     provide4(LOCALE_KEY, localeRef);
-    watch11(
+    watch12(
       () => props.locale,
       (newLocale) => {
         if (newLocale) {