vue-stream-markdown 0.1.6 → 0.2.1

package/dist/{inline-math-C2Ryxm-K.js → inline-math-DFUJNhmp.js}

@@ -1,5 +1,6 @@
-import { h as useMathRenderer } from "./composables-DWipZHuF.js";
-import { t as error_component_default } from "./error-component-DSOVrE5J.js";
+import { g as useMathRenderer } from "./composables-CL-BX9Ri.js";
+import "./icon-MRs2P5TP.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts

package/dist/{link-BXl7E_6o.js → link-ClKb1qAC.js}

@@ -1,6 +1,7 @@
-import { i as useSanitizers } from "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
-import { t as error_component_default } from "./error-component-DSOVrE5J.js";
+import { i as useSanitizers } from "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./icon-MRs2P5TP.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts

package/dist/{list-DLcwTZns.js → list-BdM_gwie.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts

package/dist/{list-item-H0eYeIdB.js → list-item-DaRd7Yu3.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts

package/dist/{math-C-0d5PaJ.js → math-CLweuHzM.js}

@@ -1,5 +1,6 @@
-import { h as useMathRenderer } from "./composables-DWipZHuF.js";
-import { t as error_component_default } from "./error-component-DSOVrE5J.js";
+import { g as useMathRenderer } from "./composables-CL-BX9Ri.js";
+import "./icon-MRs2P5TP.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts

package/dist/{mermaid-0x6C2MY5.js → mermaid-CyLU2UYz.js}

@@ -1,10 +1,11 @@
-import { V as useControls, g as throttle, p as useMermaid } from "./composables-DWipZHuF.js";
-import "./tooltip-Bdt9-aQx.js";
-import "./button-B2ebQt7R.js";
-import { t as error_component_default } from "./error-component-DSOVrE5J.js";
-import { t as zoom_container_default } from "./zoom-container-f44XxzOI.js";
-import { t as spin_default } from "./spin-D4Oi_m7j.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
+import { G as useControls, _ as throttle, m as useMermaid } from "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
+import { t as zoom_container_default } from "./zoom-container-H5FZmzwY.js";
+import { t as spin_default } from "./spin-DzERwGWy.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 
 //#region src/components/previewers/mermaid.vue?vue&type=script&setup=true&lang.ts
@@ -82,7 +83,7 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const { controls, mermaidOptions, isDark } = toRefs(props);
-		const { isControlEnabled, getControlValue } = useControls({ controls });
+		const { isControlEnabled, getControlValue, resolveControls } = useControls({ controls });
 		const showControl = computed(() => isControlEnabled("mermaid.position"));
 		const controlPosition = computed(() => {
 			const position = getControlValue("mermaid.position");
@@ -147,12 +148,7 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				else containerHeight.value = data;
 			}
 		}
-		watch(() => [
-			code.value,
-			mermaidOptions.value,
-			isDark.value,
-			nodeLoading.value
-		], throttle(props.throttle, async () => {
+		const render = throttle(props.throttle, async () => {
 			const data = await renderMermaid(code.value);
 			if (data) {
 				svg.value = data;
@@ -161,7 +157,14 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				});
 			}
 			renderFlag.value = true;
-		}), { immediate: true });
+		});
+		const mermaidControls = computed(() => resolveControls("mermaid", [], props));
+		watch(() => [
+			code.value,
+			mermaidOptions.value,
+			isDark.value,
+			nodeLoading.value
+		], render, { immediate: true });
 		watch(loading, (curr, prev) => {
 			if (!curr && prev) renderFlag.value = false;
 		}, { immediate: true });
@@ -187,6 +190,15 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 				"show-control": showControl.value,
 				position: controlPosition.value
 			}, {
+				controls: withCtx((buttonProps) => [(openBlock(true), createElementBlock(Fragment, null, renderList(mermaidControls.value, (item) => {
+					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, {
+						...buttonProps,
+						...item
+					}, {
+						key: item.key,
+						onClick: item.onClick
+					}), null, 16, ["onClick"]);
+				}), 128))]),
 				default: withCtx(() => [createElementVNode("div", {
 					"data-stream-markdown": "mermaid",
 					innerHTML: svg.value

package/dist/modal-JW5JgjbN.js

@@ -0,0 +1,4 @@
+import "./composables-CL-BX9Ri.js";
+import { t as modal_default } from "./modal-vHG2jmSe.js";
+
+export { modal_default as default };

package/dist/{modal-CEqU9Ubu.js → modal-vHG2jmSe.js}

@@ -1,4 +1,4 @@
-import { H as useContext } from "./composables-DWipZHuF.js";
+import { K as useContext } from "./composables-CL-BX9Ri.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 
@@ -14,7 +14,7 @@ var modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		zIndex: {
 			type: Number,
 			required: false,
-			default: 1e3
+			default: 100
 		},
 		modalStyle: {
 			type: Object,

package/dist/{node-list--v2wbxOo.js → node-list-3yGs9Kcx.js}

@@ -1,4 +1,4 @@
-import { H as useContext } from "./composables-DWipZHuF.js";
+import { K as useContext } from "./composables-CL-BX9Ri.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts

package/dist/node-list-Cl7nXqfm.js

@@ -0,0 +1,4 @@
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+
+export { node_list_default as default };

package/dist/{paragraph-DRPfp6DV.js → paragraph-LV8LrqLS.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts

package/dist/previewers-BUz7EQbB.js

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from "vue";
+
+//#region src/components/previewers/index.ts
+const CODE_PREVIEWERS = {
+	html: defineAsyncComponent(() => import("./html-D7bGx0Cz.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-CyLU2UYz.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/{segmented-Drf8EBQD.js → segmented-ChmGPy3i.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-B2ebQt7R.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts

package/dist/segmented-STxjOAhU.js

@@ -0,0 +1,7 @@
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import { t as segmented_default } from "./segmented-ChmGPy3i.js";
+
+export { segmented_default as default };

package/dist/{shiki-CkwRD3TS.js → shiki-Dp1kiUyz.js}

@@ -1,6 +1,7 @@
-import { U as useCodeOptions, r as useShiki } from "./composables-DWipZHuF.js";
-import { t as vanilla_default } from "./vanilla-BSgZTIo9.js";
-import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
+import { q as useCodeOptions, r as useShiki } from "./composables-CL-BX9Ri.js";
+import { t as vanilla_default } from "./vanilla-D2g3JpWZ.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
+import { useResizeObserver } from "@vueuse/core";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
 var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -62,7 +63,7 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { shikiOptions, codeOptions, isDark } = toRefs(props);
-		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-BMveKuYt.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-l2VX-xoX.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({
@@ -75,20 +76,44 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			isDark
 		});
 		const tokens = ref();
+		const vanillaRef = ref();
+		const minHeight = ref();
+		const element = computed(() => {
+			var _vanillaRef$value;
+			return (_vanillaRef$value = vanillaRef.value) === null || _vanillaRef$value === void 0 ? void 0 : _vanillaRef$value.$el;
+		});
+		const observer = useResizeObserver(element, () => {
+			var _element$value;
+			minHeight.value = (_element$value = element.value) === null || _element$value === void 0 ? void 0 : _element$value.clientHeight;
+		});
 		watch(() => [
 			code.value,
 			shikiOptions.value,
 			isDark.value
 		], async () => {
 			tokens.value = await codeToTokens(code.value);
+			observer.stop();
 		}, { immediate: true });
 		return (_ctx, _cache) => {
-			return tokens.value ? (openBlock(), createBlock(unref(ShikiTokensRenderer), {
-				key: 0,
-				"data-stream-markdown": "code",
-				"data-show-line-numbers": unref(showLineNumbers),
-				tokens: tokens.value
-			}, null, 8, ["data-show-line-numbers", "tokens"])) : (openBlock(), createBlock(unref(vanilla_default), normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
+			return openBlock(), createBlock(Transition, {
+				name: "code-fade",
+				mode: "out-in"
+			}, {
+				default: withCtx(() => [tokens.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-stream-markdown": "shiki",
+					style: normalizeStyle({ minHeight: minHeight.value ? `${minHeight.value}px` : void 0 })
+				}, [createVNode(unref(ShikiTokensRenderer), {
+					"data-stream-markdown": "code",
+					"data-show-line-numbers": unref(showLineNumbers),
+					tokens: tokens.value
+				}, null, 8, ["data-show-line-numbers", "tokens"])], 4)) : (openBlock(), createBlock(unref(vanilla_default), mergeProps({
+					key: 1,
+					ref_key: "vanillaRef",
+					ref: vanillaRef
+				}, props), null, 16))]),
+				_: 1
+			});
 		};
 	}
 });

package/dist/{shiki-token-renderer-BMveKuYt.js → shiki-token-renderer-l2VX-xoX.js}

@@ -6,11 +6,13 @@ var shiki_token_renderer_default = defineComponent({
 	name: "ShikiTokensRenderer",
 	props: { tokens: {
 		type: Object,
-		required: true
+		required: false
 	} },
 	setup(props) {
+		if (!props.tokens) return null;
 		return () => {
-			var _props$tokens$grammar;
+			var _props$tokens, _props$tokens$grammar;
+			if (!((_props$tokens = props.tokens) === null || _props$tokens === void 0 ? void 0 : _props$tokens.tokens)) return null;
 			return h("pre", {
 				"class": ["shiki", props.tokens.themeName],
 				"data-language": (_props$tokens$grammar = props.tokens.grammarState) === null || _props$tokens$grammar === void 0 ? void 0 : _props$tokens$grammar.lang,

package/dist/spin-DElj7VPm.js

@@ -0,0 +1,3 @@
+import { t as spin_default } from "./spin-DzERwGWy.js";
+
+export { spin_default as default };

package/dist/{strong-D6V4fCRG.js → strong-CcKSE5Jo.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts

package/dist/table-20vwclBI.js

@@ -0,0 +1,3 @@
+import { t as table_default } from "./table-BMlD4JhL.js";
+
+export { table_default as default };

package/dist/{table-DLUgGL5Q.js → table-Bk4vJ8-K.js}

@@ -1,9 +1,10 @@
-import { A as save, C as tableDataToTSV, H as useContext, P as useI18n, S as tableDataToMarkdown, V as useControls, b as extractTableDataFromElement, x as tableDataToCSV } from "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
-import "./tooltip-Bdt9-aQx.js";
-import { t as button_default } from "./button-B2ebQt7R.js";
-import { t as spin_default } from "./spin-D4Oi_m7j.js";
-import { t as table_default$1 } from "./table-iNA4la0w.js";
+import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./tooltip-DkCGsj0S.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import { t as spin_default } from "./spin-DzERwGWy.js";
+import { t as table_default$1 } from "./table-BMlD4JhL.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -70,15 +71,17 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
-		const { icons } = useContext();
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
-		const { isControlEnabled } = useControls({ controls: props.controls });
+		const { isControlEnabled, resolveControls } = useControls({ controls: props.controls });
 		const showCopy = computed(() => isControlEnabled("table.copy"));
 		const showDownload = computed(() => isControlEnabled("table.download"));
 		const tableRef = ref();
 		const align = computed(() => props.node.align || []);
-		const headerCells = computed(() => props.node.children[0].children ?? []);
+		const headerCells = computed(() => {
+			var _props$node$children;
+			return ((_props$node$children = props.node.children) === null || _props$node$children === void 0 || (_props$node$children = _props$node$children[0]) === null || _props$node$children === void 0 ? void 0 : _props$node$children.children) ?? [];
+		});
 		const bodyRows = computed(() => props.node.children.slice(1));
 		const loading = computed(() => props.markdownParser.hasLoadingNode(props.node.children));
 		function getAlign(index) {
@@ -121,10 +124,10 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				value: "markdown"
 			}
 		];
-		const controls = computed(() => [{
+		const builtinControls = computed(() => [{
 			name: t("button.copy"),
 			key: "copy",
-			icon: copied.value ? icons.value.check : icons.value.copy,
+			icon: copied.value ? "check" : "copy",
 			options,
 			visible: () => showCopy.value,
 			onClick: (_event, item) => {
@@ -136,7 +139,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, {
 			name: t("button.download"),
 			key: "download",
-			icon: icons.value.download,
+			icon: "download",
 			options,
 			visible: () => showDownload.value,
 			onClick: (_event, item) => {
@@ -144,25 +147,18 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				if (!data) return;
 				save(`table.${data.extension}`, data.content, data.mimeType);
 			}
-		}].filter((item) => item.visible()));
+		}]);
+		const controls = computed(() => resolveControls("table", builtinControls.value, props));
 		function getNodes(cell) {
 			return [cell];
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(controls.value, (item) => {
-					return openBlock(), createBlock(button_default, {
+					return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, item, {
 						key: item.key,
-						name: item.name,
-						icon: item.icon,
-						options: item.options,
 						onClick: item.onClick
-					}, null, 8, [
-						"name",
-						"icon",
-						"options",
-						"onClick"
-					]);
+					}), null, 16, ["onClick"]);
 				}), 128))]),
 				createElementVNode("div", _hoisted_3, [createVNode(table_default$1, {
 					ref_key: "tableRef",

package/dist/tooltip-BElCxO8W.js

@@ -0,0 +1,4 @@
+import "./composables-CL-BX9Ri.js";
+import { t as tooltip_default } from "./tooltip-DkCGsj0S.js";
+
+export { tooltip_default as default };

package/dist/{tooltip-Bdt9-aQx.js → tooltip-DkCGsj0S.js}

@@ -1,4 +1,4 @@
-import { B as useFloatingElement, H as useContext } from "./composables-DWipZHuF.js";
+import { E as useFloating, K as useContext } from "./composables-CL-BX9Ri.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts
@@ -30,7 +30,7 @@ var tooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props, { expose: __expose }) {
 		const { placement, delay, trigger } = toRefs(__props);
 		const { getContainer } = useContext();
-		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloatingElement({
+		const { referenceEl: _referenceEl, floatingEl: _floatingEl, open, appendTo, floatingStyle, show, hide, onMouseEnter, onMouseLeave, onClick, onFloatingEnter, onFloatingLeave } = useFloating({
 			placement,
 			delay,
 			trigger,

package/dist/vanilla-79xxpygI.js

@@ -0,0 +1,4 @@
+import "./composables-CL-BX9Ri.js";
+import { t as vanilla_default } from "./vanilla-D2g3JpWZ.js";
+
+export { vanilla_default as default };

package/dist/{vanilla-BSgZTIo9.js → vanilla-D2g3JpWZ.js}

@@ -1,4 +1,4 @@
-import { U as useCodeOptions } from "./composables-DWipZHuF.js";
+import { q as useCodeOptions } from "./composables-CL-BX9Ri.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{yaml-3cd5rdJj.js → yaml-eOuEqAWX.js}

@@ -1,4 +1,4 @@
-import { t as table_default } from "./table-iNA4la0w.js";
+import { t as table_default } from "./table-BMlD4JhL.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
 
 //#region src/components/renderers/yaml.vue?vue&type=script&setup=true&lang.ts

package/dist/zoom-container-C5vP44cr.js

@@ -0,0 +1,7 @@
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import { t as zoom_container_default } from "./zoom-container-H5FZmzwY.js";
+
+export { zoom_container_default as default };

package/dist/{zoom-container-f44XxzOI.js → zoom-container-H5FZmzwY.js}

@@ -1,6 +1,6 @@
-import { H as useContext, P as useI18n, t as useZoom } from "./composables-DWipZHuF.js";
-import { t as button_default } from "./button-B2ebQt7R.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
+import { b as useI18n, t as useZoom } from "./composables-CL-BX9Ri.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { "data-stream-markdown": "zoom-inner" };
@@ -32,7 +32,6 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const containerRef = ref();
 		const { t } = useI18n();
-		const { icons } = useContext();
 		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd } = useZoom();
 		const zoomPercent = computed(() => `${Math.round(zoom.value * 100)}%`);
 		const controlsPosition = computed(() => {
@@ -74,6 +73,29 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				buttonStyle: { fontSize: "0.875rem" }
 			};
 		});
+		const controls = computed(() => [
+			{
+				...controlButtonProps.value,
+				key: "zoomIn",
+				icon: "zoomIn",
+				name: t("button.zoomIn"),
+				onClick: zoomIn
+			},
+			{
+				...controlButtonProps.value,
+				key: "zoomOut",
+				icon: "zoomOut",
+				name: t("button.zoomOut"),
+				onClick: zoomOut
+			},
+			{
+				...controlButtonProps.value,
+				key: "resetZoom",
+				variant: "text",
+				name: zoomPercent.value,
+				onClick: resetZoom
+			}
+		]);
 		function onWheel(event) {
 			if (containerRef.value) handleWheel(event, containerRef.value);
 		}
@@ -105,34 +127,12 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"data-stream-markdown": "zoom-controls",
 				style: normalizeStyle(controlsPosition.value),
 				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
-			}, [
-				renderSlot(_ctx.$slots, "controls", normalizeProps(guardReactiveProps(controlButtonProps.value))),
-				createVNode(button_default, mergeProps({
-					icon: unref(icons).zoomIn,
-					name: unref(t)("button.zoomIn")
-				}, controlButtonProps.value, { onClick: unref(zoomIn) }), null, 16, [
-					"icon",
-					"name",
-					"onClick"
-				]),
-				createVNode(button_default, mergeProps({
-					icon: unref(icons).zoomOut,
-					name: unref(t)("button.zoomOut")
-				}, controlButtonProps.value, { onClick: unref(zoomOut) }), null, 16, [
-					"icon",
-					"name",
-					"onClick"
-				]),
-				createVNode(button_default, mergeProps({
-					title: unref(t)("button.resetZoom"),
-					name: zoomPercent.value,
-					variant: "text"
-				}, controlButtonProps.value, { onClick: unref(resetZoom) }), null, 16, [
-					"title",
-					"name",
-					"onClick"
-				])
-			], 4)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+			}, [renderSlot(_ctx.$slots, "controls", normalizeProps(guardReactiveProps(controlButtonProps.value))), (openBlock(true), createElementBlock(Fragment, null, renderList(controls.value, (item) => {
+				return openBlock(), createBlock(button_default, mergeProps({ ref_for: true }, item, {
+					key: item.key,
+					onClick: item.onClick
+				}), null, 16, ["onClick"]);
+			}), 128))], 4)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_1, [createElementVNode("div", {
 				"data-stream-markdown": "zoom-transform-container",
 				style: normalizeStyle({
 					...unref(transformStyle),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.2.1",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -52,22 +52,27 @@
     }
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.9",
+    "@floating-ui/dom": "^1.7.4",
     "@vueuse/core": "^14.1.0",
     "markdown-it-async": "^2.2.0",
     "remend": "^1.0.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.6.1",
+    "@antfu/eslint-config": "^6.7.1",
     "@antfu/utils": "^9.3.0",
     "@iconify-json/catppuccin": "^1.2.17",
-    "@iconify-json/lucide": "^1.2.79",
-    "@types/node": "^24.10.3",
+    "@iconify-json/lucide": "^1.2.81",
+    "@nuxt/devtools": "^3.1.1",
+    "@nuxt/eslint": "^1.12.1",
+    "@nuxtjs/color-mode": "^4.0.0",
+    "@types/node": "^24.10.4",
     "@unocss/eslint-plugin": "66.5.9",
-    "@vitejs/plugin-vue": "^6.0.2",
+    "@unocss/nuxt": "^66.5.10",
+    "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "^2.4.6",
+    "@vueuse/nuxt": "^14.1.0",
     "bumpp": "^10.3.2",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-plugin-format": "^1.1.0",
     "happy-dom": "^20.0.11",
     "lint-staged": "^16.2.7",
@@ -82,11 +87,12 @@
     "micromark-extension-gfm": "^3.0.0",
     "micromark-extension-math": "^3.1.0",
     "micromark-util-types": "^2.0.2",
+    "nuxt": "^4.2.2",
     "pncat": "^0.7.7",
     "simple-git-hooks": "^2.13.1",
     "taze": "^19.9.2",
     "treechop": "^0.1.2",
-    "tsdown": "^0.17.2",
+    "tsdown": "0.17.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "unocss": "^66.5.10",
@@ -104,14 +110,15 @@
     "*": "eslint --fix"
   },
   "scripts": {
-    "dev": "vite",
-    "dev:docs": "pnpm --filter documentation dev",
+    "dev": "pnpm playground:dev",
     "build": "tsdown",
-    "build:play": "vite build",
-    "build:docs": "pnpm --filter documentation build",
+    "playground:dev": "pnpm -F playground dev",
+    "playground:build": "pnpm -F playground generate",
+    "docs:dev": "pnpm -F docs dev",
+    "docs:build": "pnpm -F docs build",
     "deps": "taze major -I",
     "lint": "eslint",
-    "typecheck": "vue-tsc --noEmit",
+    "typecheck": "vue-tsc --noEmit && pnpm -F playground typecheck",
     "test": "vitest",
     "release": "bumpp",
     "bootstrap": "pnpm install"

package/dist/button-C6zIegam.js

@@ -1,5 +0,0 @@
-import "./composables-DWipZHuF.js";
-import "./tooltip-Bdt9-aQx.js";
-import { t as button_default } from "./button-B2ebQt7R.js";
-
-export { button_default as default };

package/dist/code-block--1wFjtmu.js

@@ -1,9 +0,0 @@
-import "./previewers-DsN-cTwd.js";
-import "./composables-DWipZHuF.js";
-import "./tooltip-Bdt9-aQx.js";
-import "./button-B2ebQt7R.js";
-import "./modal-CEqU9Ubu.js";
-import { t as code_block_default } from "./code-block-I_Yd1Flg.js";
-import "./segmented-Drf8EBQD.js";
-
-export { code_block_default as default };