vue-stream-markdown 0.1.6 → 0.2.0

package/dist/{inline-math-C2Ryxm-K.js → inline-math--lfq9WCW.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 { h as useMathRenderer } from "./composables-DuQ72m6O.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.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-DAOjAX6n.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-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.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-EOEqkWEi.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.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-ZG4eadLp.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.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-3zyrsc0O.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 { h as useMathRenderer } from "./composables-DuQ72m6O.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.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-VkvXdOuQ.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 { U as useControls, g as throttle, p as useMermaid } from "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import { t as button_default } from "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
+import { t as zoom_container_default } from "./zoom-container-CrKx_BbS.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-BKzT1TQI.js

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

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

@@ -1,4 +1,4 @@
-import { H as useContext } from "./composables-DWipZHuF.js";
+import { W as useContext } from "./composables-DuQ72m6O.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-D7eKaZGS.js}

@@ -1,4 +1,4 @@
-import { H as useContext } from "./composables-DWipZHuF.js";
+import { W as useContext } from "./composables-DuQ72m6O.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-DtNGUnnI.js

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

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

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.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-DYnyVv4Y.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-VkvXdOuQ.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/segmented-6Ch-Ees3.js

@@ -0,0 +1,7 @@
+import "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as segmented_default } from "./segmented-CeLXMLZa.js";
+
+export { segmented_default as default };

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

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-B2ebQt7R.js";
+import { t as button_default } from "./button-BDO3n0n_.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/{shiki-CkwRD3TS.js → shiki-Dgoch7Q6.js}

@@ -1,5 +1,5 @@
-import { U as useCodeOptions, r as useShiki } from "./composables-DWipZHuF.js";
-import { t as vanilla_default } from "./vanilla-BSgZTIo9.js";
+import { G as useCodeOptions, r as useShiki } from "./composables-DuQ72m6O.js";
+import { t as vanilla_default } from "./vanilla-YFxsSfhA.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
@@ -62,7 +62,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-BjxmGfXH.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({

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-CFjQLk1h.js}

@@ -1,5 +1,5 @@
-import "./composables-DWipZHuF.js";
-import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.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-DI25RphX.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 tableDataToTSV, D as extractTableDataFromElement, O as tableDataToCSV, U as useControls, W as useContext, k as tableDataToMarkdown, y as useI18n, z as save } from "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./tooltip-CnO7OPL1.js";
+import { t as button_default } from "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.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-CAyfm3_l.js

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

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

@@ -1,4 +1,4 @@
-import { B as useFloatingElement, H as useContext } from "./composables-DWipZHuF.js";
+import { T as useFloatingElement, W as useContext } from "./composables-DuQ72m6O.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

package/dist/vanilla-BZ1fQWZQ.js

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

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

@@ -1,4 +1,4 @@
-import { U as useCodeOptions } from "./composables-DWipZHuF.js";
+import { G as useCodeOptions } from "./composables-DuQ72m6O.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-f44XxzOI.js → zoom-container-CrKx_BbS.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 { t as useZoom, y as useI18n } from "./composables-DuQ72m6O.js";
+import { t as button_default } from "./button-BDO3n0n_.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/dist/zoom-container-j4kY9qX_.js

@@ -0,0 +1,7 @@
+import "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import { t as zoom_container_default } from "./zoom-container-CrKx_BbS.js";
+
+export { zoom_container_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -58,16 +58,21 @@
     "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.4",
     "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 };

package/dist/dropdown-CtWjJiAf.js

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

package/dist/error-component-DtcRn_0A.js

@@ -1,4 +0,0 @@
-import "./composables-DWipZHuF.js";
-import { t as error_component_default } from "./error-component-DSOVrE5J.js";
-
-export { error_component_default as default };

package/dist/image-aT9xxnwh.js

@@ -1,8 +0,0 @@
-import "./composables-DWipZHuF.js";
-import "./tooltip-Bdt9-aQx.js";
-import "./button-B2ebQt7R.js";
-import "./modal-CEqU9Ubu.js";
-import "./zoom-container-f44XxzOI.js";
-import { t as image_default } from "./image-BLlap3ce.js";
-
-export { image_default as default };

package/dist/modal-BDgfKnFl.js

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

package/dist/node-list-CHvX62Zh.js

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

package/dist/previewers-DsN-cTwd.js

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

package/dist/segmented-DIVDGfR5.js

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

package/dist/spin-DWkKEP0G.js

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

package/dist/table-B2mghd3l.js

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

package/dist/tooltip-DQ1-yPia.js

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

package/dist/vanilla-DUbuBied.js

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