vue-markdown-design 0.3.0 → 0.3.2-beta

package/es/markdown/Markdown.mjs

@@ -1,321 +1,226 @@
-import './index.css';var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { defineComponent, shallowRef, computed, createVNode, mergeProps, Transition } from "vue";
-/* empty css            */
-import { VmdRender } from "../render/index.mjs";
-import { VmdSearch } from "../search/index.mjs";
-import { VmdToc } from "../toc/index.mjs";
-import { keysAddPrefix, addUnit, allToObject, createNamespace, computeOffset } from "../utils/format.mjs";
-import { renderProps, renderEmits } from "../render/Render.mjs";
-import { searchProps, searchEmits } from "../search/Search.mjs";
-import { tocProps, tocEmits } from "../toc/Toc.mjs";
-import { isBoolean, sum, values, mapValues, chain, upperFirst, isUndefined } from "lodash";
-import { useVModels, useElementBounding, useWindowSize } from "@vueuse/core";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.mjs";
+import { addUnit, allToObject, computeOffset, createNamespace, keysAddPrefix } from "../utils/format.mjs";
+import { renderEmits, renderProps } from "../render/Render.mjs";
+import VmdRender from "../render/index2.mjs";
+import { _asyncToGenerator } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/asyncToGenerator.mjs";
+import { searchEmits, searchProps } from "../search/Search.mjs";
+import VmdSearch from "../search/index2.mjs";
 import { useScrollParent } from "../hooks/use-scroll-element/index.mjs";
-import { VmdSticky } from "../sticky/index.mjs";
+import { tocEmits, tocProps } from "../toc/Toc.mjs";
+import VmdToc from "../toc/index2.mjs";
+import VmdSticky from "../sticky/index2.mjs";
+import './index.css';/* empty css       */
+import { chain, isBoolean, isUndefined, mapValues, sum, upperFirst, values } from "lodash";
+import { Transition, computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useElementBounding, useVModels, useWindowSize } from "@vueuse/core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { faMagnifyingGlass, faList } from "@fortawesome/free-solid-svg-icons";
-const {
-  name,
-  addPrefix
-} = createNamespace("markdown");
-const markdownProps = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, renderProps), keysAddPrefix(searchProps, "search")), keysAddPrefix(tocProps, "toc")), {
-  keyword: searchProps.modelValue,
-  tocOffset: tocProps.offset.type,
-  // 不设置默认值，toc 需要 undefined 作为判断依据
-  showBtn: {
-    type: [Boolean, Array, Object],
-    default: false
-  },
-  search: Boolean,
-  toc: Boolean,
-  topOffset: {
-    type: [Number, String],
-    default: 0
-  },
-  bottomOffset: {
-    type: [Number, String],
-    default: 0
-  },
-  miniScreenWidth: {
-    type: [Number, String],
-    default: 768
-  }
+import { faList, faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
+//#region src/markdown/Markdown.tsx
+var { name, addPrefix } = createNamespace("markdown");
+var markdownProps = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, renderProps), keysAddPrefix(searchProps, "search")), keysAddPrefix(tocProps, "toc")), {}, {
+	keyword: searchProps.modelValue,
+	tocOffset: tocProps.offset.type,
+	showBtn: {
+		type: [
+			Boolean,
+			Array,
+			Object
+		],
+		default: false
+	},
+	search: Boolean,
+	toc: Boolean,
+	topOffset: {
+		type: [Number, String],
+		default: 0
+	},
+	bottomOffset: {
+		type: [Number, String],
+		default: 0
+	},
+	miniScreenWidth: {
+		type: [Number, String],
+		default: 768
+	}
 });
-const emits = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, renderEmits), keysAddPrefix(searchEmits, "search")), keysAddPrefix(tocEmits, "toc")), {
-  "update:keyword": searchEmits["update:modelValue"],
-  "update:search": (payload) => isBoolean(payload),
-  "update:toc": (payload) => isBoolean(payload)
+var emits = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, renderEmits), keysAddPrefix(searchEmits, "search")), keysAddPrefix(tocEmits, "toc")), {}, {
+	"update:keyword": searchEmits["update:modelValue"],
+	"update:search": (payload) => isBoolean(payload),
+	"update:toc": (payload) => isBoolean(payload)
 });
-const _Markdown = /* @__PURE__ */ defineComponent({
-  name: "vue-markdown",
-  props: markdownProps,
-  emits,
-  setup(props, {
-    emit,
-    expose
-  }) {
-    const {
-      search,
-      toc,
-      keyword
-    } = useVModels(props, emit, {
-      passive: true
-    });
-    const root = shallowRef();
-    const {
-      width: rootWidth,
-      height: rootHeight
-    } = useElementBounding(root);
-    const isMiniScreen = computed(() => rootWidth.value <= Number(props.miniScreenWidth));
-    const getPrefixedKey = (key, prefix) => prefix ? prefix + upperFirst(key) : key;
-    const createAttrs = (propAttrs, emitAttrs, prefix) => {
-      const targetProps = mapValues(propAttrs, (_, key) => {
-        const prefixedKey = getPrefixedKey(key, prefix);
-        if (prefixedKey in props) return props[prefixedKey];
-      });
-      const targetEmits = chain(emitAttrs).mapValues((_, key) => {
-        const prefixedKey = getPrefixedKey(key, prefix);
-        if (prefixedKey in emits) return (...arg) => emit(prefixedKey, ...arg);
-      }).mapKeys((_, key) => `on${upperFirst(key)}`).value();
-      return __spreadValues(__spreadValues({}, targetProps), targetEmits);
-    };
-    const renderRef = shallowRef();
-    const renderAttrs = computed(() => createAttrs(renderProps, renderEmits));
-    const offsetWithNum = computed(() => [props.topOffset, props.bottomOffset].map(Number));
-    const {
-      scrollEl
-    } = useScrollParent(root);
-    const getDefaultOffset = (offset) => {
-      const {
-        block,
-        getOffset
-      } = computeOffset(offset);
-      if (block !== "start") return block;
-      const [topOffset] = offsetWithNum.value;
-      return (scrollAction) => {
-        const {
-          el
-        } = scrollAction;
-        const isParent = (scrollEl.value || document.documentElement) === el;
-        const curOffset = getOffset(scrollAction, isParent);
-        if (!isParent) return curOffset;
-        const targetOffset = isUndefined(offset) ? topOffset : curOffset;
-        return targetOffset + searchRect.height.value;
-      };
-    };
-    const searchAttrs = computed(() => __spreadProps(__spreadValues({}, createAttrs(searchProps, searchEmits, "search")), {
-      onClose: () => {
-        search.value = false;
-        emit("searchClose");
-      }
-    }));
-    const searchRef = shallowRef();
-    const searchRect = useElementBounding(searchRef);
-    const searchIsOnMiniScreen = computed(() => isMiniScreen.value && toc.value);
-    const tocRef = shallowRef();
-    const tocRect = useElementBounding(tocRef);
-    const onTocClick = () => {
-      if (!isMiniScreen.value) return;
-      toc.value = false;
-    };
-    const tocAttrs = computed(() => {
-      const tocAttrs2 = createAttrs(tocProps, tocEmits, "toc");
-      return __spreadProps(__spreadValues({}, tocAttrs2), {
-        offset: getDefaultOffset(props.tocOffset),
-        onClick: (tocItem) => {
-          onTocClick();
-          emit("tocClick", tocItem);
-        }
-      });
-    });
-    const scrollRect = useElementBounding(scrollEl);
-    const windowSize = useWindowSize();
-    const tocStyles = computed(() => {
-      const offset = sum(offsetWithNum.value);
-      const scrollHeight = Math.min(scrollRect.height.value || windowSize.height.value, rootHeight.value);
-      if (isMiniScreen.value) {
-        return {
-          wrapper: {
-            width: addUnit(rootWidth.value),
-            height: addUnit(scrollHeight - offset)
-          }
-        };
-      }
-      const tocHeight = tocRect.height.value;
-      if (tocHeight + offset < scrollHeight) return {};
-      return {
-        wrapper: {
-          height: addUnit(tocHeight)
-        },
-        content: {
-          marginBottom: addUnit(tocHeight + offset - scrollHeight)
-        }
-      };
-    });
-    const showBtnWithObj = computed(() => {
-      const {
-        toc: toc2,
-        search: search2
-      } = allToObject(props.showBtn, ["search", "toc"]);
-      return {
-        search: search2 && !searchIsOnMiniScreen.value,
-        toc: toc2
-      };
-    });
-    const btnCount = computed(() => values(showBtnWithObj.value).filter(Boolean).length);
-    const createBtnClass = (isActive) => [addPrefix("__btn-icon"), {
-      [addPrefix("__btn-icon--active")]: isActive
-    }];
-    expose({
-      tocRefresh: () => __async(this, null, function* () {
-        var _a;
-        return (_a = tocRef.value) == null ? void 0 : _a.refresh();
-      }),
-      tocScrollTo: (href) => {
-        var _a;
-        return (_a = tocRef.value) == null ? void 0 : _a.scrollTo(href);
-      },
-      searchRefresh: (resetIndex) => __async(this, null, function* () {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.refresh(resetIndex);
-      }),
-      searchFocus: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.focus();
-      },
-      searchBlur: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.blur();
-      },
-      searchClear: () => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.clear();
-      },
-      searchToggle: (...arg) => {
-        var _a;
-        return (_a = searchRef.value) == null ? void 0 : _a.toggle(...arg);
-      },
-      mdInstance: computed(() => {
-        var _a;
-        return (_a = renderRef.value) == null ? void 0 : _a.mdInstance;
-      }),
-      htmlStr: computed(() => {
-        var _a;
-        return ((_a = renderRef.value) == null ? void 0 : _a.htmlStr) || "";
-      })
-    });
-    return () => (
-      // 加多一层 div 可保证外部样式不影响内部粘性布局
-      createVNode("div", {
-        "ref": root,
-        "class": name
-      }, [createVNode("div", {
-        "class": addPrefix("__wrapper")
-      }, [createVNode("div", {
-        "class": addPrefix("__main")
-      }, [search.value && createVNode(VmdSticky, {
-        "offset": props.topOffset
-      }, {
-        default: () => [createVNode("div", {
-          "class": addPrefix("__search")
-        }, [createVNode("div", {
-          "class": addPrefix("__search-input")
-        }, [createVNode(VmdSearch, mergeProps(searchAttrs.value, {
-          "ref": searchRef,
-          "modelValue": keyword.value,
-          "onUpdate:modelValue": ($event) => keyword.value = $event,
-          "target": renderRef.value
-        }), null)])])]
-      }), createVNode(VmdRender, mergeProps(renderAttrs.value, {
-        "ref": renderRef
-      }), null), !!btnCount.value && createVNode(VmdSticky, {
-        "posY": "bottom",
-        "posX": "right",
-        "flow": false,
-        "zIndex": "var(--vmd-markdown-btn-z-index)",
-        "offset": props.bottomOffset
-      }, {
-        default: () => [createVNode("div", {
-          "class": addPrefix("__btn"),
-          "style": {
-            width: `${btnCount.value * 40}px`
-          }
-        }, [showBtnWithObj.value.search && createVNode("span", {
-          "class": [addPrefix("__btn-search"), createBtnClass(search.value)],
-          "onClick": () => search.value = !search.value
-        }, [createVNode(FontAwesomeIcon, {
-          "size": "xs",
-          "icon": faMagnifyingGlass
-        }, null)]), showBtnWithObj.value.toc && createVNode("span", {
-          "class": [addPrefix("__btn-toc"), createBtnClass(toc.value)],
-          "onClick": () => toc.value = !toc.value
-        }, [createVNode(FontAwesomeIcon, {
-          "size": "xs",
-          "icon": faList
-        }, null)])])]
-      })]), createVNode(Transition, {
-        "name": addPrefix("__ani")
-      }, {
-        default: () => [toc.value && createVNode("aside", {
-          "class": [addPrefix("__aside"), {
-            [addPrefix("--mini")]: isMiniScreen.value
-          }]
-        }, [createVNode(VmdSticky, {
-          "class": addPrefix("__aside-sticky"),
-          "offset": props.topOffset
-        }, {
-          default: () => [createVNode("div", {
-            "style": tocStyles.value.wrapper,
-            "class": addPrefix("__toc")
-          }, [createVNode(VmdToc, mergeProps(tocAttrs.value, {
-            "ref": tocRef,
-            "style": tocStyles.value.content,
-            "target": renderRef.value
-          }), null)])]
-        })])]
-      })])])
-    );
-  }
+var Markdown_default = /* @__PURE__ */ defineComponent({
+	name: "vue-markdown",
+	props: markdownProps,
+	emits,
+	setup(props, { emit, expose }) {
+		const { search, toc, keyword } = useVModels(props, emit, { passive: true });
+		const root = shallowRef();
+		const { width: rootWidth, height: rootHeight } = useElementBounding(root);
+		const isMiniScreen = computed(() => rootWidth.value <= Number(props.miniScreenWidth));
+		const getPrefixedKey = (key, prefix) => prefix ? prefix + upperFirst(key) : key;
+		const createAttrs = (propAttrs, emitAttrs, prefix) => {
+			const targetProps = mapValues(propAttrs, (_, key) => {
+				const prefixedKey = getPrefixedKey(key, prefix);
+				if (prefixedKey in props) return props[prefixedKey];
+			});
+			const targetEmits = chain(emitAttrs).mapValues((_, key) => {
+				const prefixedKey = getPrefixedKey(key, prefix);
+				if (prefixedKey in emits) return (...arg) => emit(prefixedKey, ...arg);
+			}).mapKeys((_, key) => `on${upperFirst(key)}`).value();
+			return _objectSpread2(_objectSpread2({}, targetProps), targetEmits);
+		};
+		const renderRef = shallowRef();
+		const renderAttrs = computed(() => createAttrs(renderProps, renderEmits));
+		const offsetWithNum = computed(() => [props.topOffset, props.bottomOffset].map(Number));
+		const { scrollEl } = useScrollParent(root);
+		const getDefaultOffset = (offset) => {
+			const { block, getOffset } = computeOffset(offset);
+			if (block !== "start") return block;
+			const [topOffset] = offsetWithNum.value;
+			return (scrollAction) => {
+				const { el } = scrollAction;
+				const isParent = (scrollEl.value || document.documentElement) === el;
+				const curOffset = getOffset(scrollAction, isParent);
+				if (!isParent) return curOffset;
+				return (isUndefined(offset) ? topOffset : curOffset) + searchRect.height.value;
+			};
+		};
+		const searchAttrs = computed(() => _objectSpread2(_objectSpread2({}, createAttrs(searchProps, searchEmits, "search")), {}, { onClose: () => {
+			search.value = false;
+			emit("searchClose");
+		} }));
+		const searchRef = shallowRef();
+		const searchRect = useElementBounding(searchRef);
+		const searchIsOnMiniScreen = computed(() => isMiniScreen.value && toc.value);
+		const tocRef = shallowRef();
+		const tocRect = useElementBounding(tocRef);
+		const onTocClick = () => {
+			if (!isMiniScreen.value) return;
+			toc.value = false;
+		};
+		const tocAttrs = computed(() => {
+			return _objectSpread2(_objectSpread2({}, createAttrs(tocProps, tocEmits, "toc")), {}, {
+				offset: getDefaultOffset(props.tocOffset),
+				onClick: (tocItem) => {
+					onTocClick();
+					emit("tocClick", tocItem);
+				}
+			});
+		});
+		const scrollRect = useElementBounding(scrollEl);
+		const windowSize = useWindowSize();
+		const tocStyles = computed(() => {
+			const offset = sum(offsetWithNum.value);
+			const scrollHeight = Math.min(scrollRect.height.value || windowSize.height.value, rootHeight.value);
+			if (isMiniScreen.value) return { wrapper: {
+				width: addUnit(rootWidth.value),
+				height: addUnit(scrollHeight - offset)
+			} };
+			const tocHeight = tocRect.height.value;
+			if (tocHeight + offset < scrollHeight) return {};
+			return {
+				wrapper: { height: addUnit(tocHeight) },
+				content: { marginBottom: addUnit(tocHeight + offset - scrollHeight) }
+			};
+		});
+		const showBtnWithObj = computed(() => {
+			const { toc, search } = allToObject(props.showBtn, ["search", "toc"]);
+			return {
+				search: search && !searchIsOnMiniScreen.value,
+				toc
+			};
+		});
+		const btnCount = computed(() => values(showBtnWithObj.value).filter(Boolean).length);
+		const createBtnClass = (isActive) => [addPrefix("__btn-icon"), { [addPrefix("__btn-icon--active")]: isActive }];
+		expose({
+			tocRefresh: function() {
+				var _ref = _asyncToGenerator(function* () {
+					var _tocRef$value;
+					return (_tocRef$value = tocRef.value) === null || _tocRef$value === void 0 ? void 0 : _tocRef$value.refresh();
+				});
+				return function tocRefresh() {
+					return _ref.apply(this, arguments);
+				};
+			}(),
+			tocScrollTo: (href) => {
+				var _tocRef$value2;
+				return (_tocRef$value2 = tocRef.value) === null || _tocRef$value2 === void 0 ? void 0 : _tocRef$value2.scrollTo(href);
+			},
+			searchRefresh: function() {
+				var _ref2 = _asyncToGenerator(function* (resetIndex) {
+					var _searchRef$value;
+					return (_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 ? void 0 : _searchRef$value.refresh(resetIndex);
+				});
+				return function searchRefresh(_x) {
+					return _ref2.apply(this, arguments);
+				};
+			}(),
+			searchFocus: () => {
+				var _searchRef$value2;
+				return (_searchRef$value2 = searchRef.value) === null || _searchRef$value2 === void 0 ? void 0 : _searchRef$value2.focus();
+			},
+			searchBlur: () => {
+				var _searchRef$value3;
+				return (_searchRef$value3 = searchRef.value) === null || _searchRef$value3 === void 0 ? void 0 : _searchRef$value3.blur();
+			},
+			searchClear: () => {
+				var _searchRef$value4;
+				return (_searchRef$value4 = searchRef.value) === null || _searchRef$value4 === void 0 ? void 0 : _searchRef$value4.clear();
+			},
+			searchToggle: (...arg) => {
+				var _searchRef$value5;
+				return (_searchRef$value5 = searchRef.value) === null || _searchRef$value5 === void 0 ? void 0 : _searchRef$value5.toggle(...arg);
+			},
+			mdInstance: computed(() => {
+				var _renderRef$value;
+				return (_renderRef$value = renderRef.value) === null || _renderRef$value === void 0 ? void 0 : _renderRef$value.mdInstance;
+			}),
+			htmlStr: computed(() => {
+				var _renderRef$value2;
+				return ((_renderRef$value2 = renderRef.value) === null || _renderRef$value2 === void 0 ? void 0 : _renderRef$value2.htmlStr) || "";
+			})
+		});
+		return () => createVNode("div", {
+			"ref": root,
+			"class": name
+		}, [createVNode("div", { "class": addPrefix("__wrapper") }, [createVNode("div", { "class": addPrefix("__main") }, [
+			search.value && createVNode(VmdSticky, { "offset": props.topOffset }, { default: () => [createVNode("div", { "class": addPrefix("__search") }, [createVNode("div", { "class": addPrefix("__search-input") }, [createVNode(VmdSearch, mergeProps(searchAttrs.value, {
+				"ref": searchRef,
+				"modelValue": keyword.value,
+				"onUpdate:modelValue": ($event) => keyword.value = $event,
+				"target": renderRef.value
+			}), null)])])] }),
+			createVNode(VmdRender, mergeProps(renderAttrs.value, { "ref": renderRef }), null),
+			!!btnCount.value && createVNode(VmdSticky, {
+				"posY": "bottom",
+				"posX": "right",
+				"flow": false,
+				"zIndex": "var(--vmd-markdown-btn-z-index)",
+				"offset": props.bottomOffset
+			}, { default: () => [createVNode("div", {
+				"class": addPrefix("__btn"),
+				"style": { width: `${btnCount.value * 40}px` }
+			}, [showBtnWithObj.value.search && createVNode("button", {
+				"aria-label": "Search",
+				"class": [addPrefix("__btn-search"), createBtnClass(search.value)],
+				"onClick": () => search.value = !search.value
+			}, [createVNode(FontAwesomeIcon, { "icon": faMagnifyingGlass }, null)]), showBtnWithObj.value.toc && createVNode("button", {
+				"aria-label": "Table of contents",
+				"class": [addPrefix("__btn-toc"), createBtnClass(toc.value)],
+				"onClick": () => toc.value = !toc.value
+			}, [createVNode(FontAwesomeIcon, { "icon": faList }, null)])])] })
+		]), createVNode(Transition, { "name": addPrefix("__ani") }, { default: () => [toc.value && createVNode("aside", { "class": [addPrefix("__aside"), { [addPrefix("--mini")]: isMiniScreen.value }] }, [createVNode(VmdSticky, {
+			"class": addPrefix("__aside-sticky"),
+			"offset": props.topOffset
+		}, { default: () => [createVNode("div", {
+			"style": tocStyles.value.wrapper,
+			"class": addPrefix("__toc")
+		}, [createVNode(VmdToc, mergeProps(tocAttrs.value, {
+			"ref": tocRef,
+			"style": tocStyles.value.content,
+			"target": renderRef.value
+		}), null)])] })])] })])]);
+	}
 });
-export {
-  _Markdown as default,
-  markdownProps
-};
+//#endregion
+export { Markdown_default as default, markdownProps };

package/es/markdown/index.css

@@ -17,6 +17,7 @@
   --vmd-markdown-btn-icon-border-w: 2px;
   --vmd-markdown-btn-icon-border: var(--vmd-markdown-btn-icon-border-w) #fff solid;
   --vmd-markdown-btn-icon-line-left: calc(0px - var(--vmd-markdown-btn-icon-border-w) - 0.5px);
+  --vmd-markdown-btn-icon-size: 12px;
   --vmd-markdown-btn-icon-active: var(--vmd-active-color);
   --vmd-markdown-btn-icon-line-w: 1px;
   --vmd-markdown-btn-icon-line-h: 18px;
@@ -70,6 +71,8 @@
   border-radius: inherit;
   box-sizing: border-box;
   color: var(--vmd-icon-color);
+  background: none;
+  font-size: var(--vmd-markdown-btn-icon-size);
 }
 .vmd-markdown__btn-icon--active {
   background: var(--vmd-markdown-btn-icon-active);

package/es/markdown/index2.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from "../utils/vue.mjs";
+import Markdown_default from "./Markdown.mjs";
+//#region src/markdown/index.ts
+var VueMarkdown = withInstall(Markdown_default);
+//#endregion
+export { VueMarkdown as default };