@mark-sorcery/vue 0.2.0 → 0.4.0

package/dist/Heading-B9ci-RSS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-B9ci-RSS.js","names":[],"sources":["../src/components/elements/Heading.vue","../src/components/elements/Heading.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst headingLevel = computed(() => {\r\n  const level = parseInt(element.tagName.slice(1));\r\n  return isNaN(level) ? 1 : level;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"element.tagName\"\r\n    data-mark-sorcery=\"heading\"\r\n    :data-heading-level=\"headingLevel\"\r\n    v-bind=\"element.properties\"\r\n  >\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </component>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst headingLevel = computed(() => {\r\n  const level = parseInt(element.tagName.slice(1));\r\n  return isNaN(level) ? 1 : level;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"element.tagName\"\r\n    data-mark-sorcery=\"heading\"\r\n    :data-heading-level=\"headingLevel\"\r\n    v-bind=\"element.properties\"\r\n  >\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </component>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAaA,MAAM,EAAE,YAAY,eAAe,aAAa;EAEhD,MAAM,eAAe,eAAe;GAClC,MAAM,QAAQ,SAAS,QAAA,QAAQ,QAAQ,MAAM,EAAE,CAAC;AAChD,UAAO,MAAM,MAAM,GAAG,IAAI;IAC1B;;uBCIA,YAeY,wBAdL,QAAA,QAAQ,QAAO,EADtB,WAeY;IAbV,qBAAkB;IACjB,sBAAoB,aAAA;MACb,QAAA,QAAQ,WAAU,EAAA;2BAUxB,CARF,YAQE,aAAA;KAPC,OAAO,QAAA,QAAQ;KACf,SAAS,QAAA;KACT,MAAM,QAAA;KACN,SAAS,QAAA;KACT,YAAY,QAAA;KACZ,YAAY,MAAA,WAAU;KACtB,YAAY,MAAA,WAAU"}

package/dist/Heading-XHEaF_uw.cjs

@@ -0,0 +1,51 @@
+const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
+let vue = require("vue");
+
+//#region src/components/elements/Heading.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "Heading",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = require_NodeList.useMarkdown();
+		const headingLevel = (0, vue.computed)(() => {
+			const level = parseInt(__props.element.tagName.slice(1));
+			return isNaN(level) ? 1 : level;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.element.tagName), (0, vue.mergeProps)({
+				"data-mark-sorcery": "heading",
+				"data-heading-level": headingLevel.value
+			}, __props.element.properties), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_NodeList._sfc_main, {
+					nodes: __props.element.children,
+					nodeIdx: __props.nodeIdx,
+					deep: __props.deep,
+					nodeKey: __props.nodeKey,
+					parentNode: __props.element,
+					components: (0, vue.unref)(components),
+					transition: (0, vue.unref)(transition)
+				}, null, 8, [
+					"nodes",
+					"nodeIdx",
+					"deep",
+					"nodeKey",
+					"parentNode",
+					"components",
+					"transition"
+				])]),
+				_: 1
+			}, 16, ["data-heading-level"]);
+		};
+	}
+});
+
+//#endregion
+exports.default = _sfc_main;
+//# sourceMappingURL=Heading-XHEaF_uw.cjs.map

package/dist/Heading-XHEaF_uw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading-XHEaF_uw.cjs","names":[],"sources":["../src/components/elements/Heading.vue","../src/components/elements/Heading.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst headingLevel = computed(() => {\r\n  const level = parseInt(element.tagName.slice(1));\r\n  return isNaN(level) ? 1 : level;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"element.tagName\"\r\n    data-mark-sorcery=\"heading\"\r\n    :data-heading-level=\"headingLevel\"\r\n    v-bind=\"element.properties\"\r\n  >\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </component>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed } from \"vue\";\r\n\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst headingLevel = computed(() => {\r\n  const level = parseInt(element.tagName.slice(1));\r\n  return isNaN(level) ? 1 : level;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <component\r\n    :is=\"element.tagName\"\r\n    data-mark-sorcery=\"heading\"\r\n    :data-heading-level=\"headingLevel\"\r\n    v-bind=\"element.properties\"\r\n  >\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </component>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAaA,MAAM,EAAE,YAAY,eAAe,8BAAa;EAEhD,MAAM,uCAA8B;GAClC,MAAM,QAAQ,SAAS,QAAA,QAAQ,QAAQ,MAAM,EAAE,CAAC;AAChD,UAAO,MAAM,MAAM,GAAG,IAAI;IAC1B;;sFCKO,QAAA,QAAQ,QAAO,sBAcV;IAbV,qBAAkB;IACjB,sBAAoB,aAAA;MACb,QAAA,QAAQ,WAAU,EAAA;oCAUxB,sBAAA,4BAAA;KAPC,OAAO,QAAA,QAAQ;KACf,SAAS,QAAA;KACT,MAAM,QAAA;KACN,SAAS,QAAA;KACT,YAAY,QAAA;KACZ,2BAAY,WAAU;KACtB,2BAAY,WAAU"}

package/dist/Italic-BtTOTH7U.js

@@ -0,0 +1,41 @@
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
+import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+
+//#region src/components/elements/Italic.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Italic",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = useMarkdown();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("em", mergeProps({ "data-mark-sorcery": "italic" }, __props.element.properties), [createVNode(_sfc_main$1, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: unref(components),
+				transition: unref(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+export { _sfc_main as default };
+//# sourceMappingURL=Italic-BtTOTH7U.js.map

package/dist/Italic-BtTOTH7U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Italic-BtTOTH7U.js","names":[],"sources":["../src/components/elements/Italic.vue","../src/components/elements/Italic.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <em data-mark-sorcery=\"italic\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </em>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <em data-mark-sorcery=\"italic\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </em>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,qBAAkB,UAAQ,EAAS,QAAA,QAAQ,WAAU,EAAA,CACvD,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/Italic-Dm3v-svR.cjs

@@ -0,0 +1,41 @@
+const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
+let vue = require("vue");
+
+//#region src/components/elements/Italic.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "Italic",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = require_NodeList.useMarkdown();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("em", (0, vue.mergeProps)({ "data-mark-sorcery": "italic" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: (0, vue.unref)(components),
+				transition: (0, vue.unref)(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+exports.default = _sfc_main;
+//# sourceMappingURL=Italic-Dm3v-svR.cjs.map

package/dist/Italic-Dm3v-svR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Italic-Dm3v-svR.cjs","names":[],"sources":["../src/components/elements/Italic.vue","../src/components/elements/Italic.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <em data-mark-sorcery=\"italic\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </em>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <em data-mark-sorcery=\"italic\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </em>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,qBAAkB,UAAQ,EAAS,QAAA,QAAQ,WAAU,EAAA,sBASrD,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/Link-4GqqHDBl.js

@@ -0,0 +1,41 @@
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
+import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+
+//#region src/components/elements/Link.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Link",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = useMarkdown();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", mergeProps({ "data-mark-sorcery": "link" }, __props.element.properties), [createVNode(_sfc_main$1, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: unref(components),
+				transition: unref(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+export { _sfc_main as default };
+//# sourceMappingURL=Link-4GqqHDBl.js.map

package/dist/Link-4GqqHDBl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-4GqqHDBl.js","names":[],"sources":["../src/components/elements/Link.vue","../src/components/elements/Link.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <a data-mark-sorcery=\"link\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </a>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <a data-mark-sorcery=\"link\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </a>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUI,KAVJ,WAUI,EAVD,qBAAkB,QAAM,EAAS,QAAA,QAAQ,WAAU,EAAA,CACpD,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/Link-CCApvA47.cjs

@@ -0,0 +1,41 @@
+const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
+let vue = require("vue");
+
+//#region src/components/elements/Link.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "Link",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = require_NodeList.useMarkdown();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("a", (0, vue.mergeProps)({ "data-mark-sorcery": "link" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: (0, vue.unref)(components),
+				transition: (0, vue.unref)(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+exports.default = _sfc_main;
+//# sourceMappingURL=Link-CCApvA47.cjs.map

package/dist/Link-CCApvA47.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-CCApvA47.cjs","names":[],"sources":["../src/components/elements/Link.vue","../src/components/elements/Link.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <a data-mark-sorcery=\"link\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </a>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <a data-mark-sorcery=\"link\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </a>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCc1C,yBAAA,EAVD,qBAAkB,QAAM,EAAS,QAAA,QAAQ,WAAU,EAAA,sBASlD,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/ListItem-C3yxx2gg.cjs

@@ -0,0 +1,41 @@
+const require_NodeList = require('./NodeList-BSXOJrlM.cjs');
+let vue = require("vue");
+
+//#region src/components/elements/ListItem.vue
+const _sfc_main = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "ListItem",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = require_NodeList.useMarkdown();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", (0, vue.mergeProps)({ "data-mark": "list-item" }, __props.element.properties), [(0, vue.createVNode)(require_NodeList._sfc_main, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: (0, vue.unref)(components),
+				transition: (0, vue.unref)(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+exports.default = _sfc_main;
+//# sourceMappingURL=ListItem-C3yxx2gg.cjs.map

package/dist/ListItem-C3yxx2gg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem-C3yxx2gg.cjs","names":[],"sources":["../src/components/elements/ListItem.vue","../src/components/elements/ListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <li data-mark=\"list-item\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </li>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <li data-mark=\"list-item\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </li>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,8BAAa;;4DCczC,0BAAA,EAVD,aAAU,aAAW,EAAS,QAAA,QAAQ,WAAU,EAAA,sBAShD,4BAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,2BAAY,WAAU;IACtB,2BAAY,WAAU"}

package/dist/ListItem-Cprot4T5.js

@@ -0,0 +1,41 @@
+import { n as useMarkdown, t as _sfc_main$1 } from "./NodeList-BRtZi6mG.js";
+import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock, unref } from "vue";
+
+//#region src/components/elements/ListItem.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ListItem",
+	props: {
+		nodeIdx: {},
+		deep: {},
+		nodeKey: {},
+		parentNode: {},
+		element: {}
+	},
+	setup(__props) {
+		const { components, transition } = useMarkdown();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", mergeProps({ "data-mark": "list-item" }, __props.element.properties), [createVNode(_sfc_main$1, {
+				nodes: __props.element.children,
+				nodeIdx: __props.nodeIdx,
+				deep: __props.deep,
+				nodeKey: __props.nodeKey,
+				parentNode: __props.element,
+				components: unref(components),
+				transition: unref(transition)
+			}, null, 8, [
+				"nodes",
+				"nodeIdx",
+				"deep",
+				"nodeKey",
+				"parentNode",
+				"components",
+				"transition"
+			])], 16);
+		};
+	}
+});
+
+//#endregion
+export { _sfc_main as default };
+//# sourceMappingURL=ListItem-Cprot4T5.js.map

package/dist/ListItem-Cprot4T5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem-Cprot4T5.js","names":[],"sources":["../src/components/elements/ListItem.vue","../src/components/elements/ListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <li data-mark=\"list-item\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </li>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { ElementProps } from \"../../types\";\r\n\r\nimport { useMarkdown } from \"../../composables/markdown\";\r\nimport NodeList from \"../NodeList.vue\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { element, nodeIdx, deep, nodeKey } = defineProps<ElementProps>();\r\nconst { components, transition } = useMarkdown();\r\n</script>\r\n\r\n<template>\r\n  <li data-mark=\"list-item\" v-bind=\"element.properties\">\r\n    <NodeList\r\n      :nodes=\"element.children\"\r\n      :nodeIdx=\"nodeIdx\"\r\n      :deep=\"deep\"\r\n      :nodeKey=\"nodeKey\"\r\n      :parentNode=\"element\"\r\n      :components=\"components\"\r\n      :transition=\"transition\"\r\n    />\r\n  </li>\r\n</template>\r\n"],"mappings":";;;;;;;;;;;;;;;EAWA,MAAM,EAAE,YAAY,eAAe,aAAa;;uBCI9C,mBAUK,MAVL,WAUK,EAVD,aAAU,aAAW,EAAS,QAAA,QAAQ,WAAU,EAAA,CAClD,YAQE,aAAA;IAPC,OAAO,QAAA,QAAQ;IACf,SAAS,QAAA;IACT,MAAM,QAAA;IACN,SAAS,QAAA;IACT,YAAY,QAAA;IACZ,YAAY,MAAA,WAAU;IACtB,YAAY,MAAA,WAAU"}

package/dist/NodeList-BRtZi6mG.js

@@ -0,0 +1,136 @@
+import { Fragment, Transition, computed, createBlock, createElementBlock, defineAsyncComponent, defineComponent, h, inject, mergeProps, openBlock, provide, renderList, resolveDynamicComponent, withCtx } from "vue";
+
+//#region src/components/index.ts
+const heading = defineAsyncComponent(() => import("./Heading-B9ci-RSS.js"));
+const DEFAULT_COMPONENTS = {
+	p: defineAsyncComponent(() => import("./Paragraph-CjkSyimn.js")),
+	h1: heading,
+	h2: heading,
+	h3: heading,
+	h4: heading,
+	h5: heading,
+	h6: heading,
+	strong: defineAsyncComponent(() => import("./Bold-BeBMCbKR.js")),
+	em: defineAsyncComponent(() => import("./Italic-BtTOTH7U.js")),
+	del: defineAsyncComponent(() => import("./Strikethrough-Y9TM_SwO.js")),
+	blockquote: defineAsyncComponent(() => import("./Blockquote-CQ00l7_X.js")),
+	ul: defineAsyncComponent(() => import("./UnorderedList-Dz4nkM-t.js")),
+	ol: defineAsyncComponent(() => import("./OrderedList-XZIbdRZq.js")),
+	li: defineAsyncComponent(() => import("./ListItem-Cprot4T5.js")),
+	code: defineAsyncComponent(() => import("./Code-wAxxAhcA.js")),
+	a: defineAsyncComponent(() => import("./Link-4GqqHDBl.js")),
+	input: defineAsyncComponent(() => import("./TaskListInput-BEzV7Vfw.js")),
+	pre: defineAsyncComponent(() => import("./CodeBlock-ThF6XH4W.js")),
+	table: defineAsyncComponent(() => import("./Table-Bpu3YpNv.js")),
+	thead: defineAsyncComponent(() => import("./TableHead-DZpaTt5a.js")),
+	tbody: defineAsyncComponent(() => import("./TableBody-COwElKNR.js")),
+	tr: defineAsyncComponent(() => import("./TableRow-CUFzFAvX.js")),
+	th: defineAsyncComponent(() => import("./TableHeader-DKYmn1aU.js")),
+	td: defineAsyncComponent(() => import("./TableData-c1fn4umk.js")),
+	text: defineAsyncComponent(() => import("./Text-C6WCz2NQ.js")),
+	default: defineAsyncComponent(() => import("./Default-BdwUq6V5.js"))
+};
+
+//#endregion
+//#region src/composables/markdown.ts
+const MARKDOWN_KEY = "__MARK_SORCERY_";
+const useProvideMarkdown = (userComponents, transition) => {
+	const components = computed(() => ({
+		...DEFAULT_COMPONENTS,
+		...userComponents.value
+	}));
+	provide(MARKDOWN_KEY, {
+		components,
+		transition
+	});
+	return {
+		components,
+		transition
+	};
+};
+const useMarkdown = () => {
+	const context = inject(MARKDOWN_KEY);
+	if (!context) throw new Error("useMarkdown must be used within a Markdown component");
+	return context;
+};
+
+//#endregion
+//#region src/components/NodeList.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "NodeList",
+	props: {
+		nodeIdx: {},
+		deep: { default: 0 },
+		nodeKey: {},
+		parentNode: {},
+		nodes: {},
+		components: {},
+		transition: { type: [Boolean, Object] }
+	},
+	setup(__props) {
+		const { components, transition } = useMarkdown();
+		const nodeKeyPrefix = computed(() => !__props.nodeKey ? "" : `${__props.nodeKey}.`);
+		const transitionConfig = computed(() => {
+			if (transition.value === true) return {};
+			if (typeof transition.value === "object") return transition.value;
+			return false;
+		});
+		function getNodeKey(node, idx) {
+			if (node.type === "text") return `${nodeKeyPrefix.value}${node.type}-${idx}`;
+			else if (node.type === "element") return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;
+			else return `${nodeKeyPrefix.value}${node.type}-${idx}`;
+		}
+		function getNodeComponent(node) {
+			if (node.type === "text") return components.value["text"];
+			else if (node.type === "element") return components.value[node.tagName];
+			else return components.value["default"];
+		}
+		const items = computed(() => __props.nodes.map((node, idx) => ({
+			node,
+			idx,
+			key: getNodeKey(node, idx),
+			component: getNodeComponent(node)
+		})));
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [transitionConfig.value ? (openBlock(), createBlock(Transition, mergeProps({
+					key: 0,
+					appear: ""
+				}, { ref_for: true }, transitionConfig.value), {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.component), {
+						element: item.node,
+						"node-idx": item.idx,
+						deep: __props.deep + 1,
+						"node-key": item.key,
+						"parent-node": __props.parentNode
+					}, null, 8, [
+						"element",
+						"node-idx",
+						"deep",
+						"node-key",
+						"parent-node"
+					]))]),
+					_: 2
+				}, 1040)) : (openBlock(), createBlock(resolveDynamicComponent(item.component), {
+					key: 1,
+					element: item.node,
+					"node-idx": item.idx,
+					deep: __props.deep + 1,
+					"node-key": item.key,
+					"parent-node": __props.parentNode
+				}, null, 8, [
+					"element",
+					"node-idx",
+					"deep",
+					"node-key",
+					"parent-node"
+				]))], 64);
+			}), 128);
+		};
+	}
+});
+
+//#endregion
+export { DEFAULT_COMPONENTS as i, useMarkdown as n, useProvideMarkdown as r, _sfc_main as t };
+//# sourceMappingURL=NodeList-BRtZi6mG.js.map

package/dist/NodeList-BRtZi6mG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeList-BRtZi6mG.js","names":[],"sources":["../src/components/index.ts","../src/composables/markdown.ts","../src/components/NodeList.vue","../src/components/NodeList.vue"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\n\r\nconst heading = defineAsyncComponent(() => import('./elements/Heading.vue'));\r\n\r\nexport const DEFAULT_COMPONENTS = {\r\n    p: defineAsyncComponent(() => import('./elements/Paragraph.vue')),\r\n    h1: heading,\r\n    h2: heading,\r\n    h3: heading,\r\n    h4: heading,\r\n    h5: heading,\r\n    h6: heading,\r\n    strong: defineAsyncComponent(() => import('./elements/Bold.vue')),\r\n    em: defineAsyncComponent(() => import('./elements/Italic.vue')),\r\n    del: defineAsyncComponent(() => import('./elements/Strikethrough.vue')),\r\n    blockquote: defineAsyncComponent(() => import('./elements/Blockquote.vue')),\r\n    ul: defineAsyncComponent(() => import('./elements/UnorderedList.vue')),\r\n    ol: defineAsyncComponent(() => import('./elements/OrderedList.vue')),\r\n    li: defineAsyncComponent(() => import('./elements/ListItem.vue')),\r\n    code: defineAsyncComponent(() => import('./elements/Code.vue')),\r\n    a: defineAsyncComponent(() => import('./elements/Link.vue')),\r\n    input: defineAsyncComponent(() => import('./elements/TaskListInput.vue')),\r\n    pre: defineAsyncComponent(() => import('./elements/CodeBlock.vue')),\r\n    table: defineAsyncComponent(() => import('./elements/Table.vue')),\r\n    thead: defineAsyncComponent(() => import('./elements/TableHead.vue')),\r\n    tbody: defineAsyncComponent(() => import('./elements/TableBody.vue')),\r\n    tr: defineAsyncComponent(() => import('./elements/TableRow.vue')),\r\n    th: defineAsyncComponent(() => import('./elements/TableHeader.vue')),\r\n    td: defineAsyncComponent(() => import('./elements/TableData.vue')),\r\n    text: defineAsyncComponent(() => import('./elements/Text.vue')),\r\n    default: defineAsyncComponent(() => import('./elements/Default.vue')),\r\n}","import { computed, inject, provide, type ComputedRef } from \"vue\";\r\nimport type { MarkdownProps } from \"../types\";\r\nimport { DEFAULT_COMPONENTS } from \"../components\";\r\n\r\nconst MARKDOWN_KEY = \"__MARK_SORCERY_\"\r\n\r\nexport type MarkdownContext = {\r\n    components: ComputedRef<NonNullable<MarkdownProps['components']>>\r\n    transition: ComputedRef<MarkdownProps['transition']>\r\n}\r\n\r\nconst useProvideMarkdown = (\r\n    userComponents: ComputedRef<MarkdownProps['components'] | undefined>,\r\n    transition: ComputedRef<MarkdownProps['transition']>\r\n): MarkdownContext => {\r\n    const components = computed<NonNullable<MarkdownProps['components']>>(() => ({\r\n        ...DEFAULT_COMPONENTS,\r\n        ...userComponents.value,\r\n    }))\r\n\r\n    provide(MARKDOWN_KEY, {\r\n        components,\r\n        transition,\r\n    });\r\n\r\n    return {\r\n        components,\r\n        transition,\r\n    }\r\n}\r\n\r\nconst useMarkdown = (): MarkdownContext => {\r\n    const context = inject<MarkdownContext>(MARKDOWN_KEY);\r\n\r\n    if (!context) {\r\n        throw new Error('useMarkdown must be used within a Markdown component');\r\n    }\r\n\r\n    return context;\r\n}\r\n\r\nexport {\r\n    useProvideMarkdown,\r\n    useMarkdown,\r\n}","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n  if (node.type === \"text\") {\r\n    return node.value;\r\n  } else if (node.type === \"element\") {\r\n    const component = components.value[node.tagName];\r\n    if (!component) {\r\n      return [];\r\n    }\r\n    return h(component, {\r\n      element: node,\r\n      nodeIdx: idx,\r\n      deep: deep + 1,\r\n      nodeKey,\r\n      parentNode,\r\n    });\r\n  } else {\r\n    return [];\r\n  }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n  const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n  if (transition.value) {\r\n    const transitionProps = {\r\n      appear: true,\r\n    };\r\n    if (typeof transition.value === \"object\") {\r\n      Object.assign(transitionProps, transition.value);\r\n    }\r\n    return h(VueTransition, transitionProps, () => renderNode);\r\n  }\r\n\r\n  return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n  if (transition.value === true) {\r\n    return {};\r\n  }\r\n  if (typeof transition.value === \"object\") {\r\n    return transition.value;\r\n  }\r\n  return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n  }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n  if (node.type === \"text\") {\r\n    return components.value[\"text\"];\r\n  } else if (node.type === \"element\") {\r\n    return components.value[node.tagName];\r\n  } else {\r\n    return components.value[\"default\"];\r\n  }\r\n}\r\n\r\nconst items = computed(() =>\r\n  nodes.map((node, idx) => ({\r\n    node,\r\n    idx,\r\n    key: getNodeKey(node, idx),\r\n    component: getNodeComponent(node),\r\n  })),\r\n);\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"item in items\" :key=\"item.key\">\r\n    <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n      <component\r\n        :is=\"item.component\"\r\n        :element=\"item.node\"\r\n        :node-idx=\"item.idx\"\r\n        :deep=\"deep + 1\"\r\n        :node-key=\"item.key\"\r\n        :parent-node=\"parentNode\"\r\n      />\r\n    </VueTransition>\r\n    <component\r\n      v-else\r\n      :is=\"item.component\"\r\n      :element=\"item.node\"\r\n      :node-idx=\"item.idx\"\r\n      :deep=\"deep + 1\"\r\n      :node-key=\"item.key\"\r\n      :parent-node=\"parentNode\"\r\n    />\r\n  </template>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { Nodes } from \"hast\";\r\n\r\nimport { computed, h, Transition as VueTransition } from \"vue\";\r\n\r\nimport type { NodeListProps } from \"../types\";\r\n\r\nimport { useMarkdown } from \"../composables/markdown\";\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n});\r\n\r\nconst { nodes, nodeKey, deep = 0, parentNode } = defineProps<NodeListProps>();\r\n\r\nconst { components, transition } = useMarkdown();\r\n\r\nconst getRenderNode = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n  if (node.type === \"text\") {\r\n    return node.value;\r\n  } else if (node.type === \"element\") {\r\n    const component = components.value[node.tagName];\r\n    if (!component) {\r\n      return [];\r\n    }\r\n    return h(component, {\r\n      element: node,\r\n      nodeIdx: idx,\r\n      deep: deep + 1,\r\n      nodeKey,\r\n      parentNode,\r\n    });\r\n  } else {\r\n    return [];\r\n  }\r\n};\r\n\r\nconst nodeRenderer = ({ node, idx, nodeKey }: { node: Nodes; idx: number; nodeKey: string }) => {\r\n  const renderNode = getRenderNode({ node, idx, nodeKey });\r\n\r\n  if (transition.value) {\r\n    const transitionProps = {\r\n      appear: true,\r\n    };\r\n    if (typeof transition.value === \"object\") {\r\n      Object.assign(transitionProps, transition.value);\r\n    }\r\n    return h(VueTransition, transitionProps, () => renderNode);\r\n  }\r\n\r\n  return renderNode;\r\n};\r\n\r\nconst nodeKeyPrefix = computed(() => (!nodeKey ? \"\" : `${nodeKey}.`));\r\nconst transitionConfig = computed(() => {\r\n  if (transition.value === true) {\r\n    return {};\r\n  }\r\n  if (typeof transition.value === \"object\") {\r\n    return transition.value;\r\n  }\r\n  return false;\r\n});\r\n\r\nfunction getNodeKey(node: Nodes, idx: number) {\r\n  if (node.type === \"text\") {\r\n    return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n  } else if (node.type === \"element\") {\r\n    return `${nodeKeyPrefix.value}${node.type}-${node.tagName}-${idx}`;\r\n  } else {\r\n    return `${nodeKeyPrefix.value}${node.type}-${idx}`;\r\n  }\r\n}\r\n\r\nfunction getNodeComponent(node: Nodes) {\r\n  if (node.type === \"text\") {\r\n    return components.value[\"text\"];\r\n  } else if (node.type === \"element\") {\r\n    return components.value[node.tagName];\r\n  } else {\r\n    return components.value[\"default\"];\r\n  }\r\n}\r\n\r\nconst items = computed(() =>\r\n  nodes.map((node, idx) => ({\r\n    node,\r\n    idx,\r\n    key: getNodeKey(node, idx),\r\n    component: getNodeComponent(node),\r\n  })),\r\n);\r\n</script>\r\n\r\n<template>\r\n  <template v-for=\"item in items\" :key=\"item.key\">\r\n    <VueTransition v-if=\"transitionConfig\" appear v-bind=\"transitionConfig\">\r\n      <component\r\n        :is=\"item.component\"\r\n        :element=\"item.node\"\r\n        :node-idx=\"item.idx\"\r\n        :deep=\"deep + 1\"\r\n        :node-key=\"item.key\"\r\n        :parent-node=\"parentNode\"\r\n      />\r\n    </VueTransition>\r\n    <component\r\n      v-else\r\n      :is=\"item.component\"\r\n      :element=\"item.node\"\r\n      :node-idx=\"item.idx\"\r\n      :deep=\"deep + 1\"\r\n      :node-key=\"item.key\"\r\n      :parent-node=\"parentNode\"\r\n    />\r\n  </template>\r\n</template>\r\n"],"mappings":"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"}