@incremark/vue 0.0.1

package/dist/index.js

@@ -0,0 +1,1342 @@
+// src/composables/useIncremark.ts
+import { ref, shallowRef, computed, markRaw } from "vue";
+import {
+  createIncremarkParser
+} from "@incremark/core";
+function useIncremark(options = {}) {
+  const parser = createIncremarkParser(options);
+  const completedBlocks = shallowRef([]);
+  const pendingBlocks = shallowRef([]);
+  const isLoading = ref(false);
+  const markdown = ref("");
+  const ast = computed(() => ({
+    type: "root",
+    children: [
+      ...completedBlocks.value.map((b) => b.node),
+      ...pendingBlocks.value.map((b) => b.node)
+    ]
+  }));
+  const blocks = computed(() => {
+    const result = [];
+    for (const block of completedBlocks.value) {
+      result.push({ ...block, stableId: block.id });
+    }
+    for (let i = 0; i < pendingBlocks.value.length; i++) {
+      result.push({
+        ...pendingBlocks.value[i],
+        stableId: `pending-${i}`
+      });
+    }
+    return result;
+  });
+  function append(chunk) {
+    isLoading.value = true;
+    const update = parser.append(chunk);
+    markdown.value = parser.getBuffer();
+    if (update.completed.length > 0) {
+      completedBlocks.value = [
+        ...completedBlocks.value,
+        ...update.completed.map((b) => markRaw(b))
+      ];
+    }
+    pendingBlocks.value = update.pending.map((b) => markRaw(b));
+    return update;
+  }
+  function finalize() {
+    const update = parser.finalize();
+    markdown.value = parser.getBuffer();
+    if (update.completed.length > 0) {
+      completedBlocks.value = [
+        ...completedBlocks.value,
+        ...update.completed.map((b) => markRaw(b))
+      ];
+    }
+    pendingBlocks.value = [];
+    isLoading.value = false;
+    return update;
+  }
+  function abort() {
+    return finalize();
+  }
+  function reset() {
+    parser.reset();
+    completedBlocks.value = [];
+    pendingBlocks.value = [];
+    markdown.value = "";
+    isLoading.value = false;
+  }
+  return {
+    /** 已收集的完整 Markdown 字符串 */
+    markdown,
+    /** 已完成的块列表 */
+    completedBlocks,
+    /** 待处理的块列表 */
+    pendingBlocks,
+    /** 当前完整的 AST */
+    ast,
+    /** 所有块（完成 + 待处理），带稳定 ID */
+    blocks,
+    /** 是否正在加载 */
+    isLoading,
+    /** 追加内容 */
+    append,
+    /** 完成解析 */
+    finalize,
+    /** 强制中断 */
+    abort,
+    /** 重置解析器 */
+    reset,
+    /** 解析器实例 */
+    parser
+  };
+}
+
+// src/composables/useStreamRenderer.ts
+import { computed as computed2 } from "vue";
+function useStreamRenderer(options) {
+  const { completedBlocks, pendingBlocks } = options;
+  const stableCompletedBlocks = computed2(
+    () => completedBlocks.value.map((block) => ({
+      ...block,
+      stableId: block.id
+    }))
+  );
+  const stablePendingBlocks = computed2(
+    () => pendingBlocks.value.map((block, index) => ({
+      ...block,
+      stableId: `pending-${index}`
+    }))
+  );
+  const allStableBlocks = computed2(() => [...stableCompletedBlocks.value, ...stablePendingBlocks.value]);
+  return {
+    stableCompletedBlocks,
+    stablePendingBlocks,
+    allStableBlocks
+  };
+}
+
+// src/composables/useDevTools.ts
+import { onMounted, onUnmounted } from "vue";
+import { createDevTools } from "@incremark/devtools";
+function useDevTools(incremark, options = {}) {
+  const devtools = createDevTools(options);
+  incremark.parser.setOnChange((state) => {
+    const blocks = [
+      ...state.completedBlocks.map((b) => ({ ...b, stableId: b.id })),
+      ...state.pendingBlocks.map((b, i) => ({ ...b, stableId: `pending-${i}` }))
+    ];
+    devtools.update({
+      blocks,
+      completedBlocks: state.completedBlocks,
+      pendingBlocks: state.pendingBlocks,
+      markdown: state.markdown,
+      ast: state.ast,
+      isLoading: state.pendingBlocks.length > 0
+    });
+  });
+  onMounted(() => {
+    devtools.mount();
+  });
+  onUnmounted(() => {
+    devtools.unmount();
+    incremark.parser.setOnChange(void 0);
+  });
+  return devtools;
+}
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
+import { defineComponent as _defineComponent11 } from "vue";
+import { computed as computed7 } from "vue";
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
+import { defineComponent as _defineComponent3 } from "vue";
+import { computed as computed4 } from "vue";
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
+import { defineComponent as _defineComponent2 } from "vue";
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkMath.vue?type=script
+import { defineComponent as _defineComponent } from "vue";
+import { computed as computed3, ref as ref3, watch, shallowRef as shallowRef2, onUnmounted as onUnmounted2 } from "vue";
+var IncremarkMath_default = /* @__PURE__ */ _defineComponent({
+  __name: "IncremarkMath",
+  props: {
+    node: { type: Object, required: true },
+    renderDelay: { type: Number, required: false, default: 300 }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const renderedHtml = ref3("");
+    const renderError = ref3("");
+    const isLoading = ref3(false);
+    const katexRef = shallowRef2(null);
+    let renderTimer = null;
+    const isInline = computed3(() => props.node.type === "inlineMath");
+    const formula = computed3(() => props.node.value);
+    function scheduleRender() {
+      if (!formula.value) {
+        renderedHtml.value = "";
+        return;
+      }
+      if (renderTimer) {
+        clearTimeout(renderTimer);
+      }
+      isLoading.value = true;
+      renderTimer = setTimeout(() => {
+        doRender();
+      }, props.renderDelay);
+    }
+    async function doRender() {
+      if (!formula.value) return;
+      try {
+        if (!katexRef.value) {
+          const katexModule = await import("katex");
+          katexRef.value = katexModule.default;
+        }
+        const katex = katexRef.value;
+        renderedHtml.value = katex.renderToString(formula.value, {
+          displayMode: !isInline.value,
+          throwOnError: false,
+          strict: false
+        });
+        renderError.value = "";
+      } catch (e) {
+        renderError.value = "";
+        renderedHtml.value = "";
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    onUnmounted2(() => {
+      if (renderTimer) {
+        clearTimeout(renderTimer);
+      }
+    });
+    watch(formula, scheduleRender, { immediate: true });
+    const __returned__ = { props, renderedHtml, renderError, isLoading, katexRef, get renderTimer() {
+      return renderTimer;
+    }, set renderTimer(v) {
+      renderTimer = v;
+    }, isInline, formula, scheduleRender, doRender };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/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,
+  class: "incremark-math-inline"
+};
+var _hoisted_2 = ["innerHTML"];
+var _hoisted_3 = { class: "math-source" };
+var _hoisted_4 = { class: "incremark-math-block" };
+var _hoisted_5 = ["innerHTML"];
+var _hoisted_6 = { class: "math-source-block" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock(
+    _Fragment,
+    null,
+    [
+      _createCommentVNode(" \u884C\u5185\u516C\u5F0F "),
+      $setup.isInline ? (_openBlock(), _createElementBlock("span", _hoisted_1, [
+        _createCommentVNode(" \u6E32\u67D3\u6210\u529F "),
+        $setup.renderedHtml && !$setup.isLoading ? (_openBlock(), _createElementBlock("span", {
+          key: 0,
+          innerHTML: $setup.renderedHtml
+        }, null, 8, _hoisted_2)) : (_openBlock(), _createElementBlock(
+          _Fragment,
+          { key: 1 },
+          [
+            _createCommentVNode(" \u52A0\u8F7D\u4E2D\u6216\u672A\u6E32\u67D3\uFF1A\u663E\u793A\u6E90\u7801 "),
+            _createElementVNode(
+              "code",
+              _hoisted_3,
+              _toDisplayString($setup.formula),
+              1
+              /* TEXT */
+            )
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        ))
+      ])) : (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 1 },
+        [
+          _createCommentVNode(" \u5757\u7EA7\u516C\u5F0F "),
+          _createElementVNode("div", _hoisted_4, [
+            _createCommentVNode(" \u6E32\u67D3\u6210\u529F "),
+            $setup.renderedHtml && !$setup.isLoading ? (_openBlock(), _createElementBlock("div", {
+              key: 0,
+              innerHTML: $setup.renderedHtml,
+              class: "math-rendered"
+            }, null, 8, _hoisted_5)) : (_openBlock(), _createElementBlock(
+              _Fragment,
+              { key: 1 },
+              [
+                _createCommentVNode(" \u52A0\u8F7D\u4E2D\u6216\u672A\u6E32\u67D3\uFF1A\u663E\u793A\u6E90\u7801 "),
+                _createElementVNode("pre", _hoisted_6, [
+                  _createElementVNode(
+                    "code",
+                    null,
+                    _toDisplayString($setup.formula),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+
+// src/components/IncremarkMath.vue
+IncremarkMath_default.render = render;
+IncremarkMath_default.__file = "src/components/IncremarkMath.vue";
+IncremarkMath_default.__scopeId = "data-v-6146c361";
+var IncremarkMath_default2 = IncremarkMath_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=script
+var IncremarkInline_default = /* @__PURE__ */ _defineComponent2({
+  __name: "IncremarkInline",
+  props: {
+    nodes: { type: Array, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    function escapeHtml(str) {
+      return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+    }
+    const __returned__ = { escapeHtml, IncremarkMath: IncremarkMath_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkInline.vue?type=template
+import { renderList as _renderList, Fragment as _Fragment2, openBlock as _openBlock2, createElementBlock as _createElementBlock2, createCommentVNode as _createCommentVNode2, toDisplayString as _toDisplayString2, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, createElementVNode as _createElementVNode2 } from "vue";
+var _hoisted_12 = { class: "incremark-inline-code" };
+var _hoisted_22 = ["href"];
+var _hoisted_32 = ["src", "alt"];
+function render2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IncremarkInline = _resolveComponent("IncremarkInline", true);
+  return _openBlock2(true), _createElementBlock2(
+    _Fragment2,
+    null,
+    _renderList($props.nodes, (node, idx) => {
+      return _openBlock2(), _createElementBlock2(
+        _Fragment2,
+        { key: idx },
+        [
+          _createCommentVNode2(" \u6587\u672C "),
+          node.type === "text" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 0 },
+            [
+              _createTextVNode(
+                _toDisplayString2(node.value),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : node.type === "inlineMath" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 1 },
+            [
+              _createCommentVNode2(" \u884C\u5185\u516C\u5F0F "),
+              _createVNode($setup["IncremarkMath"], {
+                node
+              }, null, 8, ["node"])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "strong" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 2 },
+            [
+              _createCommentVNode2(" \u52A0\u7C97 "),
+              _createElementVNode2("strong", null, [
+                _createVNode(_component_IncremarkInline, {
+                  nodes: node.children
+                }, null, 8, ["nodes"])
+              ])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "emphasis" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 3 },
+            [
+              _createCommentVNode2(" \u659C\u4F53 "),
+              _createElementVNode2("em", null, [
+                _createVNode(_component_IncremarkInline, {
+                  nodes: node.children
+                }, null, 8, ["nodes"])
+              ])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "inlineCode" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 4 },
+            [
+              _createCommentVNode2(" \u884C\u5185\u4EE3\u7801 "),
+              _createElementVNode2(
+                "code",
+                _hoisted_12,
+                _toDisplayString2(node.value),
+                1
+                /* TEXT */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "link" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 5 },
+            [
+              _createCommentVNode2(" \u94FE\u63A5 "),
+              _createElementVNode2("a", {
+                href: node.url,
+                target: "_blank",
+                rel: "noopener"
+              }, [
+                _createVNode(_component_IncremarkInline, {
+                  nodes: node.children
+                }, null, 8, ["nodes"])
+              ], 8, _hoisted_22)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "image" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 6 },
+            [
+              _createCommentVNode2(" \u56FE\u7247 "),
+              _createElementVNode2("img", {
+                src: node.url,
+                alt: node.alt || "",
+                loading: "lazy"
+              }, null, 8, _hoisted_32)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "break" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 7 },
+            [
+              _createCommentVNode2(" \u6362\u884C "),
+              _cache[0] || (_cache[0] = _createElementVNode2(
+                "br",
+                null,
+                null,
+                -1
+                /* CACHED */
+              ))
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : node.type === "delete" ? (_openBlock2(), _createElementBlock2(
+            _Fragment2,
+            { key: 8 },
+            [
+              _createCommentVNode2(" \u5220\u9664\u7EBF "),
+              _createElementVNode2("del", null, [
+                _createVNode(_component_IncremarkInline, {
+                  nodes: node.children
+                }, null, 8, ["nodes"])
+              ])
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : _createCommentVNode2("v-if", true)
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    }),
+    128
+    /* KEYED_FRAGMENT */
+  );
+}
+
+// src/components/IncremarkInline.vue
+IncremarkInline_default.render = render2;
+IncremarkInline_default.__file = "src/components/IncremarkInline.vue";
+var IncremarkInline_default2 = IncremarkInline_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=script
+var IncremarkHeading_default = /* @__PURE__ */ _defineComponent3({
+  __name: "IncremarkHeading",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const tag = computed4(() => `h${props.node.depth}`);
+    const __returned__ = { props, tag, IncremarkInline: IncremarkInline_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkHeading.vue?type=template
+import { createVNode as _createVNode2, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock3, createBlock as _createBlock } from "vue";
+function render3(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock3(), _createBlock(_resolveDynamicComponent($setup.tag), { class: "incremark-heading" }, {
+    default: _withCtx(() => [
+      _createVNode2($setup["IncremarkInline"], {
+        nodes: $props.node.children
+      }, null, 8, ["nodes"])
+    ]),
+    _: 1
+    /* STABLE */
+  });
+}
+
+// src/components/IncremarkHeading.vue
+IncremarkHeading_default.render = render3;
+IncremarkHeading_default.__file = "src/components/IncremarkHeading.vue";
+IncremarkHeading_default.__scopeId = "data-v-56c8779f";
+var IncremarkHeading_default2 = IncremarkHeading_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=script
+import { defineComponent as _defineComponent4 } from "vue";
+var IncremarkParagraph_default = /* @__PURE__ */ _defineComponent4({
+  __name: "IncremarkParagraph",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { IncremarkInline: IncremarkInline_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkParagraph.vue?type=template
+import { createVNode as _createVNode3, openBlock as _openBlock4, createElementBlock as _createElementBlock3 } from "vue";
+var _hoisted_13 = { class: "incremark-paragraph" };
+function render4(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock4(), _createElementBlock3("p", _hoisted_13, [
+    _createVNode3($setup["IncremarkInline"], {
+      nodes: $props.node.children
+    }, null, 8, ["nodes"])
+  ]);
+}
+
+// src/components/IncremarkParagraph.vue
+IncremarkParagraph_default.render = render4;
+IncremarkParagraph_default.__file = "src/components/IncremarkParagraph.vue";
+IncremarkParagraph_default.__scopeId = "data-v-6fa83031";
+var IncremarkParagraph_default2 = IncremarkParagraph_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkCode.vue?type=script
+import { defineComponent as _defineComponent5 } from "vue";
+import { computed as computed5, ref as ref4, watch as watch2, shallowRef as shallowRef3, onUnmounted as onUnmounted3 } from "vue";
+var IncremarkCode_default = /* @__PURE__ */ _defineComponent5({
+  __name: "IncremarkCode",
+  props: {
+    node: { type: null, required: true },
+    theme: { type: String, required: false, default: "github-dark" },
+    disableHighlight: { type: Boolean, required: false, default: false },
+    mermaidDelay: { type: Number, required: false, default: 500 }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const copied = ref4(false);
+    const highlightedHtml = ref4("");
+    const isHighlighting = ref4(false);
+    const highlightError = ref4(false);
+    const mermaidSvg = ref4("");
+    const mermaidError = ref4("");
+    const mermaidLoading = ref4(false);
+    const mermaidRef = shallowRef3(null);
+    let mermaidTimer = null;
+    const mermaidViewMode = ref4("preview");
+    function toggleMermaidView() {
+      mermaidViewMode.value = mermaidViewMode.value === "preview" ? "source" : "preview";
+    }
+    const language = computed5(() => props.node.lang || "text");
+    const code = computed5(() => props.node.value);
+    const isMermaid = computed5(() => language.value === "mermaid");
+    const highlighterRef = shallowRef3(null);
+    const loadedLanguages = /* @__PURE__ */ new Set();
+    const loadedThemes = /* @__PURE__ */ new Set();
+    function scheduleRenderMermaid() {
+      if (!isMermaid.value || !code.value) return;
+      if (mermaidTimer) {
+        clearTimeout(mermaidTimer);
+      }
+      mermaidLoading.value = true;
+      mermaidTimer = setTimeout(() => {
+        doRenderMermaid();
+      }, props.mermaidDelay);
+    }
+    async function doRenderMermaid() {
+      if (!code.value) return;
+      mermaidError.value = "";
+      try {
+        if (!mermaidRef.value) {
+          const mermaidModule = await import("mermaid");
+          mermaidRef.value = mermaidModule.default;
+          mermaidRef.value.initialize({
+            startOnLoad: false,
+            theme: "dark",
+            securityLevel: "loose"
+          });
+        }
+        const mermaid = mermaidRef.value;
+        const id = `mermaid-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+        const { svg } = await mermaid.render(id, code.value);
+        mermaidSvg.value = svg;
+      } catch (e) {
+        mermaidError.value = "";
+        mermaidSvg.value = "";
+      } finally {
+        mermaidLoading.value = false;
+      }
+    }
+    onUnmounted3(() => {
+      if (mermaidTimer) {
+        clearTimeout(mermaidTimer);
+      }
+    });
+    async function highlight() {
+      if (isMermaid.value) {
+        scheduleRenderMermaid();
+        return;
+      }
+      if (!code.value || props.disableHighlight) {
+        highlightedHtml.value = "";
+        return;
+      }
+      isHighlighting.value = true;
+      highlightError.value = false;
+      try {
+        if (!highlighterRef.value) {
+          const { createHighlighter } = await import("shiki");
+          highlighterRef.value = await createHighlighter({
+            themes: [props.theme],
+            langs: []
+          });
+          loadedThemes.add(props.theme);
+        }
+        const highlighter = highlighterRef.value;
+        const lang = language.value;
+        if (!loadedLanguages.has(lang) && lang !== "text") {
+          try {
+            await highlighter.loadLanguage(lang);
+            loadedLanguages.add(lang);
+          } catch {
+          }
+        }
+        if (!loadedThemes.has(props.theme)) {
+          try {
+            await highlighter.loadTheme(props.theme);
+            loadedThemes.add(props.theme);
+          } catch {
+          }
+        }
+        const html = highlighter.codeToHtml(code.value, {
+          lang: loadedLanguages.has(lang) ? lang : "text",
+          theme: loadedThemes.has(props.theme) ? props.theme : "github-dark"
+        });
+        highlightedHtml.value = html;
+      } catch (e) {
+        highlightError.value = true;
+        highlightedHtml.value = "";
+      } finally {
+        isHighlighting.value = false;
+      }
+    }
+    watch2([code, () => props.theme, isMermaid], highlight, { immediate: true });
+    async function copyCode() {
+      try {
+        await navigator.clipboard.writeText(code.value);
+        copied.value = true;
+        setTimeout(() => {
+          copied.value = false;
+        }, 2e3);
+      } catch {
+      }
+    }
+    const __returned__ = { props, copied, highlightedHtml, isHighlighting, highlightError, mermaidSvg, mermaidError, mermaidLoading, mermaidRef, get mermaidTimer() {
+      return mermaidTimer;
+    }, set mermaidTimer(v) {
+      mermaidTimer = v;
+    }, mermaidViewMode, toggleMermaidView, language, code, isMermaid, highlighterRef, loadedLanguages, loadedThemes, scheduleRenderMermaid, doRenderMermaid, highlight, copyCode };
+    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
+import { createCommentVNode as _createCommentVNode3, createElementVNode as _createElementVNode3, toDisplayString as _toDisplayString3, openBlock as _openBlock5, createElementBlock as _createElementBlock4, Fragment as _Fragment3 } from "vue";
+var _hoisted_14 = {
+  key: 0,
+  class: "incremark-mermaid"
+};
+var _hoisted_23 = { class: "mermaid-header" };
+var _hoisted_33 = { class: "mermaid-actions" };
+var _hoisted_42 = ["disabled"];
+var _hoisted_52 = { class: "mermaid-content" };
+var _hoisted_62 = {
+  key: 0,
+  class: "mermaid-loading"
+};
+var _hoisted_7 = { class: "mermaid-source-code" };
+var _hoisted_8 = { class: "mermaid-source-code" };
+var _hoisted_9 = ["innerHTML"];
+var _hoisted_10 = { class: "mermaid-source-code" };
+var _hoisted_11 = { class: "incremark-code" };
+var _hoisted_122 = { class: "code-header" };
+var _hoisted_132 = { class: "language" };
+var _hoisted_142 = { class: "code-content" };
+var _hoisted_15 = {
+  key: 0,
+  class: "code-loading"
+};
+var _hoisted_16 = ["innerHTML"];
+var _hoisted_17 = { class: "code-fallback" };
+function render5(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock5(), _createElementBlock4(
+    _Fragment3,
+    null,
+    [
+      _createCommentVNode3(" Mermaid \u56FE\u8868 "),
+      $setup.isMermaid ? (_openBlock5(), _createElementBlock4("div", _hoisted_14, [
+        _createElementVNode3("div", _hoisted_23, [
+          _cache[0] || (_cache[0] = _createElementVNode3(
+            "span",
+            { class: "language" },
+            "MERMAID",
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode3("div", _hoisted_33, [
+            _createElementVNode3("button", {
+              class: "view-toggle",
+              onClick: $setup.toggleMermaidView,
+              type: "button",
+              disabled: !$setup.mermaidSvg
+            }, _toDisplayString3($setup.mermaidViewMode === "preview" ? "\u6E90\u7801" : "\u9884\u89C8"), 9, _hoisted_42),
+            _createElementVNode3(
+              "button",
+              {
+                class: "copy-btn",
+                onClick: $setup.copyCode,
+                type: "button"
+              },
+              _toDisplayString3($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        _createElementVNode3("div", _hoisted_52, [
+          _createCommentVNode3(" \u52A0\u8F7D\u4E2D "),
+          $setup.mermaidLoading && !$setup.mermaidSvg ? (_openBlock5(), _createElementBlock4("div", _hoisted_62, [
+            _createElementVNode3(
+              "pre",
+              _hoisted_7,
+              _toDisplayString3($setup.code),
+              1
+              /* TEXT */
+            )
+          ])) : $setup.mermaidViewMode === "source" ? (_openBlock5(), _createElementBlock4(
+            _Fragment3,
+            { key: 1 },
+            [
+              _createCommentVNode3(" \u6E90\u7801\u6A21\u5F0F "),
+              _createElementVNode3(
+                "pre",
+                _hoisted_8,
+                _toDisplayString3($setup.code),
+                1
+                /* TEXT */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : $setup.mermaidSvg ? (_openBlock5(), _createElementBlock4(
+            _Fragment3,
+            { key: 2 },
+            [
+              _createCommentVNode3(" \u9884\u89C8\u6A21\u5F0F "),
+              _createElementVNode3("div", {
+                innerHTML: $setup.mermaidSvg,
+                class: "mermaid-svg"
+              }, null, 8, _hoisted_9)
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          )) : (_openBlock5(), _createElementBlock4(
+            _Fragment3,
+            { key: 3 },
+            [
+              _createCommentVNode3(" \u65E0\u6CD5\u6E32\u67D3\u65F6\u663E\u793A\u6E90\u7801 "),
+              _createElementVNode3(
+                "pre",
+                _hoisted_10,
+                _toDisplayString3($setup.code),
+                1
+                /* TEXT */
+              )
+            ],
+            2112
+            /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+          ))
+        ])
+      ])) : (_openBlock5(), _createElementBlock4(
+        _Fragment3,
+        { key: 1 },
+        [
+          _createCommentVNode3(" \u666E\u901A\u4EE3\u7801\u5757 "),
+          _createElementVNode3("div", _hoisted_11, [
+            _createElementVNode3("div", _hoisted_122, [
+              _createElementVNode3(
+                "span",
+                _hoisted_132,
+                _toDisplayString3($setup.language),
+                1
+                /* TEXT */
+              ),
+              _createElementVNode3(
+                "button",
+                {
+                  class: "copy-btn",
+                  onClick: $setup.copyCode,
+                  type: "button"
+                },
+                _toDisplayString3($setup.copied ? "\u2713 \u5DF2\u590D\u5236" : "\u590D\u5236"),
+                1
+                /* TEXT */
+              )
+            ]),
+            _createElementVNode3("div", _hoisted_142, [
+              _createCommentVNode3(" \u6B63\u5728\u52A0\u8F7D\u9AD8\u4EAE "),
+              $setup.isHighlighting && !$setup.highlightedHtml ? (_openBlock5(), _createElementBlock4("div", _hoisted_15, [
+                _createElementVNode3("pre", null, [
+                  _createElementVNode3(
+                    "code",
+                    null,
+                    _toDisplayString3($setup.code),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ])) : $setup.highlightedHtml ? (_openBlock5(), _createElementBlock4(
+                _Fragment3,
+                { key: 1 },
+                [
+                  _createCommentVNode3(" \u9AD8\u4EAE\u540E\u7684\u4EE3\u7801 "),
+                  _createElementVNode3("div", {
+                    innerHTML: $setup.highlightedHtml,
+                    class: "shiki-wrapper"
+                  }, null, 8, _hoisted_16)
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : (_openBlock5(), _createElementBlock4(
+                _Fragment3,
+                { key: 2 },
+                [
+                  _createCommentVNode3(" \u56DE\u9000\uFF1A\u65E0\u9AD8\u4EAE "),
+                  _createElementVNode3("pre", _hoisted_17, [
+                    _createElementVNode3(
+                      "code",
+                      null,
+                      _toDisplayString3($setup.code),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
+            ])
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ],
+    2112
+    /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+  );
+}
+
+// src/components/IncremarkCode.vue
+IncremarkCode_default.render = render5;
+IncremarkCode_default.__file = "src/components/IncremarkCode.vue";
+IncremarkCode_default.__scopeId = "data-v-c48b1022";
+var IncremarkCode_default2 = IncremarkCode_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=script
+import { defineComponent as _defineComponent6 } from "vue";
+import { computed as computed6 } from "vue";
+var IncremarkList_default = /* @__PURE__ */ _defineComponent6({
+  __name: "IncremarkList",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const tag = computed6(() => props.node.ordered ? "ol" : "ul");
+    function getItemContent(item) {
+      const firstChild = item.children[0];
+      if (firstChild?.type === "paragraph") {
+        return firstChild.children;
+      }
+      return [];
+    }
+    const __returned__ = { props, tag, getItemContent, IncremarkInline: IncremarkInline_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkList.vue?type=template
+import { renderList as _renderList2, Fragment as _Fragment4, openBlock as _openBlock6, createElementBlock as _createElementBlock5, createElementVNode as _createElementVNode4, createVNode as _createVNode4, createBlock as _createBlock2, normalizeClass as _normalizeClass, resolveDynamicComponent as _resolveDynamicComponent2, withCtx as _withCtx2 } from "vue";
+var _hoisted_18 = {
+  key: 0,
+  class: "task-label"
+};
+var _hoisted_24 = ["checked"];
+var _hoisted_34 = { class: "task-content" };
+function render6(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock6(), _createBlock2(_resolveDynamicComponent2($setup.tag), {
+    class: _normalizeClass(["incremark-list", { "task-list": $props.node.children.some((item) => item.checked !== null && item.checked !== void 0) }])
+  }, {
+    default: _withCtx2(() => [
+      (_openBlock6(true), _createElementBlock5(
+        _Fragment4,
+        null,
+        _renderList2($props.node.children, (item, index) => {
+          return _openBlock6(), _createElementBlock5(
+            "li",
+            {
+              key: index,
+              class: _normalizeClass(["incremark-list-item", { "task-item": item.checked !== null && item.checked !== void 0 }])
+            },
+            [
+              item.checked !== null && item.checked !== void 0 ? (_openBlock6(), _createElementBlock5("label", _hoisted_18, [
+                _createElementVNode4("input", {
+                  type: "checkbox",
+                  checked: item.checked,
+                  disabled: "",
+                  class: "checkbox"
+                }, null, 8, _hoisted_24),
+                _createElementVNode4("span", _hoisted_34, [
+                  _createVNode4($setup["IncremarkInline"], {
+                    nodes: $setup.getItemContent(item)
+                  }, null, 8, ["nodes"])
+                ])
+              ])) : (_openBlock6(), _createBlock2($setup["IncremarkInline"], {
+                key: 1,
+                nodes: $setup.getItemContent(item)
+              }, null, 8, ["nodes"]))
+            ],
+            2
+            /* CLASS */
+          );
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["class"]);
+}
+
+// src/components/IncremarkList.vue
+IncremarkList_default.render = render6;
+IncremarkList_default.__file = "src/components/IncremarkList.vue";
+IncremarkList_default.__scopeId = "data-v-0778ccea";
+var IncremarkList_default2 = IncremarkList_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=script
+import { defineComponent as _defineComponent7 } from "vue";
+var IncremarkTable_default = /* @__PURE__ */ _defineComponent7({
+  __name: "IncremarkTable",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    function getCellContent(cell) {
+      return cell.children;
+    }
+    const __returned__ = { getCellContent, IncremarkInline: IncremarkInline_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkTable.vue?type=template
+import { renderList as _renderList3, Fragment as _Fragment5, openBlock as _openBlock7, createElementBlock as _createElementBlock6, createVNode as _createVNode5, normalizeStyle as _normalizeStyle, createCommentVNode as _createCommentVNode5, createElementVNode as _createElementVNode5 } from "vue";
+var _hoisted_19 = { class: "incremark-table-wrapper" };
+var _hoisted_25 = { class: "incremark-table" };
+var _hoisted_35 = { key: 0 };
+function render7(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock7(), _createElementBlock6("div", _hoisted_19, [
+    _createElementVNode5("table", _hoisted_25, [
+      _createElementVNode5("thead", null, [
+        $props.node.children[0] ? (_openBlock7(), _createElementBlock6("tr", _hoisted_35, [
+          (_openBlock7(true), _createElementBlock6(
+            _Fragment5,
+            null,
+            _renderList3($props.node.children[0].children, (cell, cellIndex) => {
+              return _openBlock7(), _createElementBlock6(
+                "th",
+                {
+                  key: cellIndex,
+                  style: _normalizeStyle({ textAlign: $props.node.align?.[cellIndex] || "left" })
+                },
+                [
+                  _createVNode5($setup["IncremarkInline"], {
+                    nodes: $setup.getCellContent(cell)
+                  }, null, 8, ["nodes"])
+                ],
+                4
+                /* STYLE */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])) : _createCommentVNode5("v-if", true)
+      ]),
+      _createElementVNode5("tbody", null, [
+        (_openBlock7(true), _createElementBlock6(
+          _Fragment5,
+          null,
+          _renderList3($props.node.children.slice(1), (row, rowIndex) => {
+            return _openBlock7(), _createElementBlock6("tr", { key: rowIndex }, [
+              (_openBlock7(true), _createElementBlock6(
+                _Fragment5,
+                null,
+                _renderList3(row.children, (cell, cellIndex) => {
+                  return _openBlock7(), _createElementBlock6(
+                    "td",
+                    {
+                      key: cellIndex,
+                      style: _normalizeStyle({ textAlign: $props.node.align?.[cellIndex] || "left" })
+                    },
+                    [
+                      _createVNode5($setup["IncremarkInline"], {
+                        nodes: $setup.getCellContent(cell)
+                      }, null, 8, ["nodes"])
+                    ],
+                    4
+                    /* STYLE */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]);
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ])
+    ])
+  ]);
+}
+
+// src/components/IncremarkTable.vue
+IncremarkTable_default.render = render7;
+IncremarkTable_default.__file = "src/components/IncremarkTable.vue";
+IncremarkTable_default.__scopeId = "data-v-7aea7ba6";
+var IncremarkTable_default2 = IncremarkTable_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=script
+import { defineComponent as _defineComponent8 } from "vue";
+var IncremarkBlockquote_default = /* @__PURE__ */ _defineComponent8({
+  __name: "IncremarkBlockquote",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { IncremarkParagraph: IncremarkParagraph_default2 };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkBlockquote.vue?type=template
+import { renderList as _renderList4, Fragment as _Fragment6, openBlock as _openBlock8, createElementBlock as _createElementBlock7, createBlock as _createBlock3, toDisplayString as _toDisplayString4 } from "vue";
+var _hoisted_110 = { class: "incremark-blockquote" };
+var _hoisted_26 = {
+  key: 1,
+  class: "unknown-child"
+};
+function render8(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock8(), _createElementBlock7("blockquote", _hoisted_110, [
+    (_openBlock8(true), _createElementBlock7(
+      _Fragment6,
+      null,
+      _renderList4($props.node.children, (child, index) => {
+        return _openBlock8(), _createElementBlock7(
+          _Fragment6,
+          { key: index },
+          [
+            child.type === "paragraph" ? (_openBlock8(), _createBlock3($setup["IncremarkParagraph"], {
+              key: 0,
+              node: child
+            }, null, 8, ["node"])) : (_openBlock8(), _createElementBlock7(
+              "div",
+              _hoisted_26,
+              _toDisplayString4(child.type),
+              1
+              /* TEXT */
+            ))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        );
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ]);
+}
+
+// src/components/IncremarkBlockquote.vue
+IncremarkBlockquote_default.render = render8;
+IncremarkBlockquote_default.__file = "src/components/IncremarkBlockquote.vue";
+IncremarkBlockquote_default.__scopeId = "data-v-67363f13";
+var IncremarkBlockquote_default2 = IncremarkBlockquote_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=script
+import { defineComponent as _defineComponent9 } from "vue";
+var IncremarkThematicBreak_default = /* @__PURE__ */ _defineComponent9({
+  __name: "IncremarkThematicBreak",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = {};
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkThematicBreak.vue?type=template
+import { openBlock as _openBlock9, createElementBlock as _createElementBlock8 } from "vue";
+var _hoisted_111 = { class: "incremark-hr" };
+function render9(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock9(), _createElementBlock8("hr", _hoisted_111);
+}
+
+// src/components/IncremarkThematicBreak.vue
+IncremarkThematicBreak_default.render = render9;
+IncremarkThematicBreak_default.__file = "src/components/IncremarkThematicBreak.vue";
+IncremarkThematicBreak_default.__scopeId = "data-v-cb316429";
+var IncremarkThematicBreak_default2 = IncremarkThematicBreak_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=script
+import { defineComponent as _defineComponent10 } from "vue";
+var IncremarkDefault_default = /* @__PURE__ */ _defineComponent10({
+  __name: "IncremarkDefault",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = {};
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkDefault.vue?type=template
+import { toDisplayString as _toDisplayString5, createElementVNode as _createElementVNode6, openBlock as _openBlock10, createElementBlock as _createElementBlock9 } from "vue";
+var _hoisted_112 = { class: "incremark-default" };
+var _hoisted_27 = { class: "type-badge" };
+function render10(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock10(), _createElementBlock9("div", _hoisted_112, [
+    _createElementVNode6(
+      "span",
+      _hoisted_27,
+      _toDisplayString5($props.node.type),
+      1
+      /* TEXT */
+    ),
+    _createElementVNode6(
+      "pre",
+      null,
+      _toDisplayString5(JSON.stringify($props.node, null, 2)),
+      1
+      /* TEXT */
+    )
+  ]);
+}
+
+// src/components/IncremarkDefault.vue
+IncremarkDefault_default.render = render10;
+IncremarkDefault_default.__file = "src/components/IncremarkDefault.vue";
+IncremarkDefault_default.__scopeId = "data-v-5542d517";
+var IncremarkDefault_default2 = IncremarkDefault_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=script
+var Incremark_default = /* @__PURE__ */ _defineComponent11({
+  __name: "Incremark",
+  props: {
+    blocks: { type: Array, required: true },
+    components: { type: Object, required: false, default: () => ({}) },
+    pendingClass: { type: String, required: false, default: "incremark-pending" },
+    completedClass: { type: String, required: false, default: "incremark-completed" },
+    showBlockStatus: { type: Boolean, required: false, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const defaultComponents = {
+      heading: IncremarkHeading_default2,
+      paragraph: IncremarkParagraph_default2,
+      code: IncremarkCode_default2,
+      list: IncremarkList_default2,
+      table: IncremarkTable_default2,
+      blockquote: IncremarkBlockquote_default2,
+      thematicBreak: IncremarkThematicBreak_default2,
+      math: IncremarkMath_default2,
+      inlineMath: IncremarkMath_default2
+    };
+    const mergedComponents = computed7(() => ({
+      ...defaultComponents,
+      ...props.components
+    }));
+    function getComponent(type) {
+      return mergedComponents.value[type] || props.components?.default || IncremarkDefault_default2;
+    }
+    const __returned__ = { props, defaultComponents, mergedComponents, getComponent };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/Incremark.vue?type=template
+import { renderList as _renderList5, Fragment as _Fragment7, openBlock as _openBlock11, createElementBlock as _createElementBlock10, resolveDynamicComponent as _resolveDynamicComponent3, createBlock as _createBlock4, normalizeClass as _normalizeClass2, TransitionGroup as _TransitionGroup, withCtx as _withCtx3, createVNode as _createVNode6 } from "vue";
+var _hoisted_113 = { class: "incremark" };
+function render11(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock11(), _createElementBlock10("div", _hoisted_113, [
+    _createVNode6(_TransitionGroup, { name: "incremark-fade" }, {
+      default: _withCtx3(() => [
+        (_openBlock11(true), _createElementBlock10(
+          _Fragment7,
+          null,
+          _renderList5($props.blocks, (block) => {
+            return _openBlock11(), _createElementBlock10(
+              "div",
+              {
+                key: block.stableId,
+                class: _normalizeClass2([
+                  "incremark-block",
+                  block.status === "completed" ? $props.completedClass : $props.pendingClass,
+                  { "incremark-show-status": $props.showBlockStatus }
+                ])
+              },
+              [
+                (_openBlock11(), _createBlock4(_resolveDynamicComponent3($setup.getComponent(block.node.type)), {
+                  node: block.node
+                }, null, 8, ["node"]))
+              ],
+              2
+              /* CLASS */
+            );
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      _: 1
+      /* STABLE */
+    })
+  ]);
+}
+
+// src/components/Incremark.vue
+Incremark_default.render = render11;
+Incremark_default.__file = "src/components/Incremark.vue";
+Incremark_default.__scopeId = "data-v-5966b843";
+var Incremark_default2 = Incremark_default;
+
+// sfc-script:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=script
+import { defineComponent as _defineComponent12 } from "vue";
+var IncremarkRenderer_default = /* @__PURE__ */ _defineComponent12({
+  __name: "IncremarkRenderer",
+  props: {
+    node: { type: null, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const componentMap = {
+      heading: IncremarkHeading_default2,
+      paragraph: IncremarkParagraph_default2,
+      code: IncremarkCode_default2,
+      list: IncremarkList_default2,
+      table: IncremarkTable_default2,
+      blockquote: IncremarkBlockquote_default2,
+      thematicBreak: IncremarkThematicBreak_default2,
+      math: IncremarkMath_default2,
+      inlineMath: IncremarkMath_default2
+    };
+    function getComponent(type) {
+      return componentMap[type] || IncremarkDefault_default2;
+    }
+    const __returned__ = { componentMap, getComponent };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+// sfc-template:/Users/yishuai/develop/ai/markdown/packages/vue/src/components/IncremarkRenderer.vue?type=template
+import { resolveDynamicComponent as _resolveDynamicComponent4, openBlock as _openBlock12, createBlock as _createBlock5 } from "vue";
+function render12(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock12(), _createBlock5(_resolveDynamicComponent4($setup.getComponent($props.node.type)), { node: $props.node }, null, 8, ["node"]);
+}
+
+// src/components/IncremarkRenderer.vue
+IncremarkRenderer_default.render = render12;
+IncremarkRenderer_default.__file = "src/components/IncremarkRenderer.vue";
+var IncremarkRenderer_default2 = IncremarkRenderer_default;
+export {
+  Incremark_default2 as Incremark,
+  IncremarkBlockquote_default2 as IncremarkBlockquote,
+  IncremarkCode_default2 as IncremarkCode,
+  IncremarkDefault_default2 as IncremarkDefault,
+  IncremarkHeading_default2 as IncremarkHeading,
+  IncremarkInline_default2 as IncremarkInline,
+  IncremarkList_default2 as IncremarkList,
+  IncremarkMath_default2 as IncremarkMath,
+  IncremarkParagraph_default2 as IncremarkParagraph,
+  IncremarkRenderer_default2 as IncremarkRenderer,
+  IncremarkTable_default2 as IncremarkTable,
+  IncremarkThematicBreak_default2 as IncremarkThematicBreak,
+  useDevTools,
+  useIncremark,
+  useStreamRenderer
+};
+//# sourceMappingURL=index.js.map