@incremark/vue 0.4.0-alpha.1 → 1.0.0

package/dist/index.js

@@ -521,19 +521,19 @@ function useDefinationsContext() {
   return definationContext;
 }
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
+// 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/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
+// 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/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHeading.vue?type=script
 import { defineComponent as _defineComponent4 } from "vue";
 import { computed as computed7 } from "vue";
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkInline.vue?type=script
 import { defineComponent as _defineComponent3 } from "vue";
 import {
   hasChunks,
@@ -541,7 +541,7 @@ import {
   isHtmlNode
 } from "@incremark/shared";
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkMath.vue?type=script
 import { defineComponent as _defineComponent } from "vue";
 import { computed as computed6, ref as ref6, watch as watch4, shallowRef as shallowRef3, onUnmounted as onUnmounted3 } from "vue";
 var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
@@ -610,7 +610,7 @@ var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkMath.vue?type=template
 import { createCommentVNode as _createCommentVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, Fragment as _Fragment } from "vue";
 var _hoisted_1 = {
   key: 0,
@@ -693,7 +693,7 @@ IncremarkMath_default.render = render;
 IncremarkMath_default.__file = "src/components/IncremarkMath.vue";
 var IncremarkMath_default2 = IncremarkMath_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHtmlElement.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHtmlElement.vue?type=script
 import { defineComponent as _defineComponent2 } from "vue";
 var IncremarkHtmlElement_default = /* @__PURE__ */ _defineComponent2({
   __name: "IncremarkHtmlElement",
@@ -787,7 +787,7 @@ var IncremarkHtmlElement_default = /* @__PURE__ */ _defineComponent2({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHtmlElement.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHtmlElement.vue?type=template
 import { createCommentVNode as _createCommentVNode2, openBlock as _openBlock2, createBlock as _createBlock, renderList as _renderList, Fragment as _Fragment2, createElementBlock as _createElementBlock2, resolveComponent as _resolveComponent, toDisplayString as _toDisplayString2, createTextVNode as _createTextVNode, createVNode as _createVNode, createElementVNode as _createElementVNode2, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
 var _hoisted_12 = { class: "incremark-unknown-child" };
 function render2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -902,7 +902,7 @@ IncremarkHtmlElement_default.render = render2;
 IncremarkHtmlElement_default.__file = "src/components/IncremarkHtmlElement.vue";
 var IncremarkHtmlElement_default2 = IncremarkHtmlElement_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkInline.vue?type=script
 var IncremarkInline_default2 = /* @__PURE__ */ _defineComponent3({
   __name: "IncremarkInline",
   props: {
@@ -943,7 +943,7 @@ var IncremarkInline_default2 = /* @__PURE__ */ _defineComponent3({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkInline.vue?type=template
 import { renderList as _renderList2, Fragment as _Fragment3, openBlock as _openBlock3, createElementBlock as _createElementBlock3, createCommentVNode as _createCommentVNode3, toDisplayString as _toDisplayString3, createTextVNode as _createTextVNode2, createVNode as _createVNode2, createElementVNode as _createElementVNode3, resolveComponent as _resolveComponent2 } from "vue";
 var _hoisted_13 = ["innerHTML"];
 var _hoisted_22 = { class: "incremark-inline-code" };
@@ -1230,7 +1230,7 @@ IncremarkInline_default2.render = render3;
 IncremarkInline_default2.__file = "src/components/IncremarkInline.vue";
 var IncremarkInline_default = IncremarkInline_default2;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHeading.vue?type=script
 var IncremarkHeading_default = /* @__PURE__ */ _defineComponent4({
   __name: "IncremarkHeading",
   props: {
@@ -1246,11 +1246,11 @@ var IncremarkHeading_default = /* @__PURE__ */ _defineComponent4({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkHeading.vue?type=template
 import { createVNode as _createVNode3, resolveDynamicComponent as _resolveDynamicComponent2, normalizeClass as _normalizeClass, withCtx as _withCtx2, openBlock as _openBlock4, createBlock as _createBlock2 } from "vue";
 function render4(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock4(), _createBlock2(_resolveDynamicComponent2($setup.tag), {
-    class: _normalizeClass(`incremark-heading h${$props.node.depth}`)
+    class: _normalizeClass(`incremark-heading incremark-heading--h${$props.node.depth}`)
   }, {
     default: _withCtx2(() => [
       _createVNode3($setup["IncremarkInline"], {
@@ -1267,7 +1267,7 @@ IncremarkHeading_default.render = render4;
 IncremarkHeading_default.__file = "src/components/IncremarkHeading.vue";
 var IncremarkHeading_default2 = IncremarkHeading_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkParagraph.vue?type=script
 import { defineComponent as _defineComponent5 } from "vue";
 var IncremarkParagraph_default = /* @__PURE__ */ _defineComponent5({
   __name: "IncremarkParagraph",
@@ -1282,7 +1282,7 @@ var IncremarkParagraph_default = /* @__PURE__ */ _defineComponent5({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkParagraph.vue?type=template
 import { createVNode as _createVNode4, openBlock as _openBlock5, createElementBlock as _createElementBlock4 } from "vue";
 var _hoisted_14 = { class: "incremark-paragraph" };
 function render5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1298,17 +1298,17 @@ IncremarkParagraph_default.render = render5;
 IncremarkParagraph_default.__file = "src/components/IncremarkParagraph.vue";
 var IncremarkParagraph_default2 = IncremarkParagraph_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
+// 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/ai/markdown/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
 import { defineComponent as _defineComponent7 } from "vue";
 import { computed as computed8, ref as ref7, onUnmounted as onUnmounted4, shallowRef as shallowRef4, watch as watch5 } from "vue";
 import { GravityMermaid, LucideCode, LucideEye, LucideCopy, LucideCopyCheck } from "@incremark/icons";
 import { isClipboardAvailable } from "@incremark/shared";
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/SvgIcon.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/SvgIcon.vue?type=script
 import { defineComponent as _defineComponent6 } from "vue";
 var SvgIcon_default = /* @__PURE__ */ _defineComponent6({
   __name: "SvgIcon",
@@ -1324,7 +1324,7 @@ var SvgIcon_default = /* @__PURE__ */ _defineComponent6({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/SvgIcon.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/SvgIcon.vue?type=template
 import { normalizeClass as _normalizeClass2, openBlock as _openBlock6, createElementBlock as _createElementBlock5 } from "vue";
 var _hoisted_15 = ["innerHTML"];
 function render6(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1340,7 +1340,7 @@ SvgIcon_default.render = render6;
 SvgIcon_default.__file = "src/components/SvgIcon.vue";
 var SvgIcon_default2 = SvgIcon_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeMermaid.vue?type=script
 var IncremarkCodeMermaid_default = /* @__PURE__ */ _defineComponent7({
   __name: "IncremarkCodeMermaid",
   props: {
@@ -1445,7 +1445,7 @@ var IncremarkCodeMermaid_default = /* @__PURE__ */ _defineComponent7({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeMermaid.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeMermaid.vue?type=template
 import { createVNode as _createVNode5, createTextVNode as _createTextVNode3, createElementVNode as _createElementVNode4, createCommentVNode as _createCommentVNode4, toDisplayString as _toDisplayString4, openBlock as _openBlock7, createElementBlock as _createElementBlock6, Fragment as _Fragment4 } from "vue";
 var _hoisted_16 = { class: "incremark-mermaid" };
 var _hoisted_23 = { class: "mermaid-header" };
@@ -1564,14 +1564,14 @@ IncremarkCodeMermaid_default.render = render7;
 IncremarkCodeMermaid_default.__file = "src/components/IncremarkCodeMermaid.vue";
 var IncremarkCodeMermaid_default2 = IncremarkCodeMermaid_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
+// 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) {
   };
 }
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=script
+// 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
@@ -2328,7 +2361,7 @@ function getTokenStyleObject(token) {
   return styles;
 }
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/CachedCodeRenderer.vue?type=script
 import { objectId } from "@antfu/utils";
 var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
   __name: "CachedCodeRenderer",
@@ -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);
@@ -2433,7 +2466,7 @@ var CachedCodeRenderer_default = /* @__PURE__ */ _defineComponent8({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/CachedCodeRenderer.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/CachedCodeRenderer.vue?type=template
 import { resolveDynamicComponent as _resolveDynamicComponent3, openBlock as _openBlock8, createBlock as _createBlock3 } from "vue";
 function render8(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock8(), _createBlock3(_resolveDynamicComponent3($setup.render));
@@ -2444,12 +2477,14 @@ CachedCodeRenderer_default.render = render8;
 CachedCodeRenderer_default.__file = "src/components/CachedCodeRenderer.vue";
 var CachedCodeRenderer_default2 = CachedCodeRenderer_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeDefault.vue?type=script
 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;
@@ -2523,7 +2563,7 @@ var IncremarkCodeDefault_default = /* @__PURE__ */ _defineComponent9({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCodeDefault.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCodeDefault.vue?type=template
 import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode5, createVNode as _createVNode6, createCommentVNode as _createCommentVNode5, openBlock as _openBlock9, createBlock as _createBlock4, Fragment as _Fragment5, createElementBlock as _createElementBlock7 } from "vue";
 var _hoisted_17 = { class: "incremark-code" };
 var _hoisted_24 = { class: "code-header" };
@@ -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,
@@ -2591,12 +2631,14 @@ IncremarkCodeDefault_default.render = render9;
 IncremarkCodeDefault_default.__file = "src/components/IncremarkCodeDefault.vue";
 var IncremarkCodeDefault_default2 = IncremarkCodeDefault_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCode.vue?type=script
 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,14 +2663,14 @@ 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__;
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkCode.vue?type=template
 import { createCommentVNode as _createCommentVNode6, resolveDynamicComponent as _resolveDynamicComponent4, openBlock as _openBlock10, createBlock as _createBlock5, createVNode as _createVNode7, Fragment as _Fragment6, createElementBlock as _createElementBlock8 } from "vue";
 function render10(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock10(), _createElementBlock8(
@@ -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 */
@@ -2681,9 +2725,9 @@ IncremarkCode_default.render = render10;
 IncremarkCode_default.__file = "src/components/IncremarkCode.vue";
 var IncremarkCode_default2 = IncremarkCode_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=script
+// 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") {
@@ -2725,7 +2769,7 @@ var IncremarkList_default = /* @__PURE__ */ _defineComponent11({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkList.vue?type=template
 import { renderList as _renderList3, Fragment as _Fragment7, openBlock as _openBlock11, createElementBlock as _createElementBlock9, createElementVNode as _createElementVNode6, createVNode as _createVNode8, createCommentVNode as _createCommentVNode7, createBlock as _createBlock6, normalizeClass as _normalizeClass3, resolveDynamicComponent as _resolveDynamicComponent5, withCtx as _withCtx3 } from "vue";
 var _hoisted_18 = {
   key: 0,
@@ -2810,7 +2854,7 @@ IncremarkList_default.render = render11;
 IncremarkList_default.__file = "src/components/IncremarkList.vue";
 var IncremarkList_default2 = IncremarkList_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkTable.vue?type=script
 import { defineComponent as _defineComponent12 } from "vue";
 var IncremarkTable_default = /* @__PURE__ */ _defineComponent12({
   __name: "IncremarkTable",
@@ -2828,7 +2872,7 @@ var IncremarkTable_default = /* @__PURE__ */ _defineComponent12({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkTable.vue?type=template
 import { renderList as _renderList4, Fragment as _Fragment8, openBlock as _openBlock12, createElementBlock as _createElementBlock10, createVNode as _createVNode9, normalizeClass as _normalizeClass4, createCommentVNode as _createCommentVNode8, createElementVNode as _createElementVNode7 } from "vue";
 var _hoisted_19 = { class: "incremark-table-wrapper" };
 var _hoisted_26 = { class: "incremark-table" };
@@ -2905,7 +2949,7 @@ IncremarkTable_default.render = render12;
 IncremarkTable_default.__file = "src/components/IncremarkTable.vue";
 var IncremarkTable_default2 = IncremarkTable_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkBlockquote.vue?type=script
 import { defineComponent as _defineComponent13 } from "vue";
 var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent13({
   __name: "IncremarkBlockquote",
@@ -2925,7 +2969,7 @@ var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent13({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkBlockquote.vue?type=template
 import { renderList as _renderList5, Fragment as _Fragment9, openBlock as _openBlock13, createElementBlock as _createElementBlock11, createBlock as _createBlock7 } from "vue";
 var _hoisted_110 = { class: "incremark-blockquote" };
 function render13(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2955,7 +2999,7 @@ IncremarkBlockquote_default.render = render13;
 IncremarkBlockquote_default.__file = "src/components/IncremarkBlockquote.vue";
 var IncremarkBlockquote_default2 = IncremarkBlockquote_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkThematicBreak.vue?type=script
 import { defineComponent as _defineComponent14 } from "vue";
 var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent14({
   __name: "IncremarkThematicBreak",
@@ -2967,7 +3011,7 @@ var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent14({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkThematicBreak.vue?type=template
 import { openBlock as _openBlock14, createElementBlock as _createElementBlock12 } from "vue";
 var _hoisted_111 = { class: "incremark-hr" };
 function render14(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2979,7 +3023,7 @@ IncremarkThematicBreak_default.render = render14;
 IncremarkThematicBreak_default.__file = "src/components/IncremarkThematicBreak.vue";
 var IncremarkThematicBreak_default2 = IncremarkThematicBreak_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContainer.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkContainer.vue?type=script
 import { defineComponent as _defineComponent15 } from "vue";
 var IncremarkContainer_default = /* @__PURE__ */ _defineComponent15({
   __name: "IncremarkContainer",
@@ -3012,7 +3056,7 @@ var IncremarkContainer_default = /* @__PURE__ */ _defineComponent15({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContainer.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkContainer.vue?type=template
 import { createCommentVNode as _createCommentVNode9, renderList as _renderList6, Fragment as _Fragment10, openBlock as _openBlock15, createElementBlock as _createElementBlock13, createBlock as _createBlock8, resolveDynamicComponent as _resolveDynamicComponent6, withCtx as _withCtx4, normalizeClass as _normalizeClass5, createElementVNode as _createElementVNode8 } from "vue";
 var _hoisted_112 = {
   key: 0,
@@ -3090,7 +3134,7 @@ IncremarkContainer_default.render = render15;
 IncremarkContainer_default.__file = "src/components/IncremarkContainer.vue";
 var IncremarkContainer_default2 = IncremarkContainer_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkDefault.vue?type=script
 import { defineComponent as _defineComponent16 } from "vue";
 var IncremarkDefault_default = /* @__PURE__ */ _defineComponent16({
   __name: "IncremarkDefault",
@@ -3105,7 +3149,7 @@ var IncremarkDefault_default = /* @__PURE__ */ _defineComponent16({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkDefault.vue?type=template
 import { toDisplayString as _toDisplayString6, createElementVNode as _createElementVNode9, openBlock as _openBlock16, createElementBlock as _createElementBlock14 } from "vue";
 var _hoisted_113 = { class: "incremark-default" };
 var _hoisted_27 = { class: "type-badge" };
@@ -3133,7 +3177,7 @@ IncremarkDefault_default.render = render16;
 IncremarkDefault_default.__file = "src/components/IncremarkDefault.vue";
 var IncremarkDefault_default2 = IncremarkDefault_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkRenderer.vue?type=script
 var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent17({
   __name: "IncremarkRenderer",
   props: {
@@ -3162,7 +3206,7 @@ var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent17({
       leafDirective: IncremarkContainer_default2,
       textDirective: IncremarkContainer_default2
     };
-    const componentMap = computed12(() => ({
+    const componentMap = computed13(() => ({
       ...defaultComponentMap,
       ...props.components
     }));
@@ -3181,7 +3225,7 @@ var IncremarkRenderer_default2 = /* @__PURE__ */ _defineComponent17({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkRenderer.vue?type=template
 import { createCommentVNode as _createCommentVNode10, toDisplayString as _toDisplayString7, createElementVNode as _createElementVNode10, openBlock as _openBlock17, createElementBlock as _createElementBlock15, createVNode as _createVNode10, Fragment as _Fragment11, resolveDynamicComponent as _resolveDynamicComponent7, createBlock as _createBlock9 } from "vue";
 var _hoisted_114 = {
   key: 0,
@@ -3283,28 +3327,28 @@ IncremarkRenderer_default2.render = render17;
 IncremarkRenderer_default2.__file = "src/components/IncremarkRenderer.vue";
 var IncremarkRenderer_default = IncremarkRenderer_default2;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=script
+// 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__;
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkFootnotes.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkFootnotes.vue?type=template
 import { createElementVNode as _createElementVNode11, renderList as _renderList7, Fragment as _Fragment12, openBlock as _openBlock18, createElementBlock as _createElementBlock16, createCommentVNode as _createCommentVNode11, toDisplayString as _toDisplayString8, createBlock as _createBlock10 } from "vue";
 var _hoisted_115 = {
   key: 0,
@@ -3380,7 +3424,7 @@ IncremarkFootnotes_default.render = render18;
 IncremarkFootnotes_default.__file = "src/components/IncremarkFootnotes.vue";
 var IncremarkFootnotes_default2 = IncremarkFootnotes_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
+// sfc-script:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/Incremark.vue?type=script
 var Incremark_default = /* @__PURE__ */ _defineComponent19({
   __name: "Incremark",
   props: {
@@ -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;
       }
@@ -3414,7 +3458,7 @@ var Incremark_default = /* @__PURE__ */ _defineComponent19({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/Incremark.vue?type=template
 import { createCommentVNode as _createCommentVNode12, renderList as _renderList8, Fragment as _Fragment13, openBlock as _openBlock19, createElementBlock as _createElementBlock17, createVNode as _createVNode11, normalizeClass as _normalizeClass6, createBlock as _createBlock11 } from "vue";
 var _hoisted_116 = { class: "incremark" };
 function render19(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3470,9 +3514,9 @@ Incremark_default.render = render19;
 Incremark_default.__file = "src/components/Incremark.vue";
 var Incremark_default2 = Incremark_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContent.vue?type=script
+// 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();
       }
@@ -3563,7 +3607,7 @@ var IncremarkContent_default = /* @__PURE__ */ _defineComponent20({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkContent.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/IncremarkContent.vue?type=template
 import { openBlock as _openBlock20, createBlock as _createBlock12 } from "vue";
 function render20(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock20(), _createBlock12($setup["Incremark"], {
@@ -3583,9 +3627,9 @@ IncremarkContent_default.render = render20;
 IncremarkContent_default.__file = "src/components/IncremarkContent.vue";
 var IncremarkContent_default2 = IncremarkContent_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=script
+// 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;
@@ -3693,7 +3737,7 @@ var AutoScrollContainer_default = /* @__PURE__ */ _defineComponent21({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/AutoScrollContainer.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/AutoScrollContainer.vue?type=template
 import { renderSlot as _renderSlot, openBlock as _openBlock21, createElementBlock as _createElementBlock18 } from "vue";
 function render21(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock21(), _createElementBlock18(
@@ -3716,20 +3760,11 @@ AutoScrollContainer_default.render = render21;
 AutoScrollContainer_default.__file = "src/components/AutoScrollContainer.vue";
 var AutoScrollContainer_default2 = AutoScrollContainer_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=script
+// 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/ai/markdown/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;
@@ -3758,7 +3793,7 @@ var ThemeProvider_default = /* @__PURE__ */ _defineComponent22({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/ThemeProvider.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/ThemeProvider.vue?type=template
 import { renderSlot as _renderSlot2, normalizeClass as _normalizeClass7, openBlock as _openBlock22, createElementBlock as _createElementBlock19 } from "vue";
 function render22(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock22(), _createElementBlock19(
@@ -3780,9 +3815,9 @@ ThemeProvider_default.render = render22;
 ThemeProvider_default.__file = "src/ThemeProvider.vue";
 var ThemeProvider_default2 = ThemeProvider_default;
 
-// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/ConfigProvider.vue?type=script
+// 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) {
@@ -3809,7 +3844,7 @@ var ConfigProvider_default = /* @__PURE__ */ _defineComponent23({
   }
 });
 
-// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/ConfigProvider.vue?type=template
+// sfc-template:/Users/yishuai/develop/towardsphd/tp-full/incremark/packages/vue/src/components/ConfigProvider.vue?type=template
 import { renderSlot as _renderSlot3 } from "vue";
 function render23(_ctx, _cache, $props, $setup, $data, $options) {
   return _renderSlot3(_ctx.$slots, "default");