@elmethis/core 1.0.0-alpha.16 → 1.0.0-alpha.160

package/dist/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,10 @@
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export {
+  _export_sfc as default
+};

package/dist/components/badge/ElmBadge.css

@@ -0,0 +1,11 @@
+._badge_gc88x_1 {
+  border: 1px solid var(--bg-color);
+  border-radius: 0.25rem;
+}
+._badge_gc88x_1 ._left_gc88x_5 {
+  background-color: var(--bg-color);
+  padding-inline: 0.5rem;
+}
+._badge_gc88x_1 ._right_gc88x_9 {
+  padding-inline: 0.5rem;
+}

package/dist/components/{inline/ElmInlineCode.stories.d.ts → badge/ElmBadge.stories.d.ts}

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import { default as ElmInlineCode } from './ElmInlineCode.vue';
-declare const meta: Meta<typeof ElmInlineCode>;
+import { default as ElmBadge } from './ElmBadge.vue';
+declare const meta: Meta<typeof ElmBadge>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;

package/dist/components/badge/ElmBadge.vue.d.ts

@@ -0,0 +1,21 @@
+export interface ElmBadgeProps {
+    color: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ElmBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/badge/ElmBadge.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmBadge.vue2.mjs";
+import style0 from "./ElmBadge.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmBadge as default
+};

package/dist/components/badge/ElmBadge.vue2.mjs

@@ -0,0 +1,33 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, unref, renderSlot } from "vue";
+import { getLuminance } from "polished";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmBadge",
+  props: {
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.badge),
+        style: normalizeStyle({ "--bg-color": _ctx.color })
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.$style.left),
+          style: normalizeStyle({
+            color: unref(getLuminance)(_ctx.color) > 0.5 ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)"
+          })
+        }, [
+          renderSlot(_ctx.$slots, "left")
+        ], 6),
+        createElementVNode("span", {
+          class: normalizeClass(_ctx.$style.right)
+        }, [
+          renderSlot(_ctx.$slots, "right")
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/badge/ElmBadge.vue3.mjs

@@ -0,0 +1,14 @@
+const badge = "_badge_gc88x_1";
+const left = "_left_gc88x_5";
+const right = "_right_gc88x_9";
+const style0 = {
+  badge,
+  left,
+  right
+};
+export {
+  badge,
+  style0 as default,
+  left,
+  right
+};

package/dist/components/badge/ElmTag.css

@@ -0,0 +1,29 @@
+._tag_xg111_1 {
+  display: inline-flex;
+  width: -moz-min-content;
+  width: min-content;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: center;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0.25rem;
+  border-color: var(--color);
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._tag_xg111_1 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._icon_xg111_18 {
+  display: block;
+  line-height: 1;
+  margin: 0;
+  padding: 0.25rem;
+  color: var(--font-color);
+  border-radius: 0.125rem 0 0 0.125rem;
+}
+._text_xg111_27 {
+  white-space: nowrap;
+  padding-inline: 0.5rem;
+}

package/dist/components/badge/ElmTag.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as ElmTag } from './ElmTag.vue';
+declare const meta: Meta<typeof ElmTag>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Multiple: Story;

package/dist/components/badge/ElmTag.vue.d.ts

@@ -0,0 +1,14 @@
+export interface ElmTagProps {
+    /**
+     * The text to display in the tag.
+     */
+    text: string;
+    /**
+     * The color of the tag.
+     */
+    color?: string;
+}
+declare const _default: import('vue').DefineComponent<ElmTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmTagProps> & Readonly<{}>, {
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/badge/ElmTag.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmTag.vue2.mjs";
+import style0 from "./ElmTag.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmTag as default
+};

package/dist/components/badge/ElmTag.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createElementVNode, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import { getLuminance } from "polished";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmTag",
+  props: {
+    text: {},
+    color: { default: "transparent" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.tag),
+        style: normalizeStyle({ "--color": _ctx.color })
+      }, [
+        createVNode(unref(Icon), {
+          icon: "tabler:tag",
+          class: normalizeClass(_ctx.$style.icon),
+          style: normalizeStyle({
+            backgroundColor: _ctx.color,
+            "--font-color": unref(getLuminance)(_ctx.color) > 0.5 ? "rgba(0,0,0,0.7)" : "rgba(255,255,255,0.7)"
+          })
+        }, null, 8, ["class", "style"]),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.text)
+        }, [
+          createVNode(ElmInlineText, {
+            style: { color: "unset" },
+            text: _ctx.text
+          }, null, 8, ["text"])
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/badge/ElmTag.vue3.mjs

@@ -0,0 +1,14 @@
+const tag = "_tag_xg111_1";
+const icon = "_icon_xg111_18";
+const text = "_text_xg111_27";
+const style0 = {
+  tag,
+  icon,
+  text
+};
+export {
+  style0 as default,
+  icon,
+  tag,
+  text
+};

package/dist/components/code/ElmCodeBlock.css

@@ -0,0 +1,58 @@
+._wrapper_1681m_1 {
+  margin-block: var(--margin-block);
+  opacity: var(--opacity);
+  display: flex;
+  flex-direction: column;
+  border-radius: 0.25rem;
+  transition: background-color 400ms, opacity 800ms;
+  background-color: rgba(255, 255, 255, 0.4);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._wrapper_1681m_1 {
+  background-color: rgba(255, 255, 255, 0.05);
+  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.3);
+}
+._header_1681m_16 {
+  box-sizing: border-box;
+  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
+  margin: 0.5rem;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
+  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
+}
+[data-theme=dark] ._header_1681m_16 {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+._header__left_1681m_30 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+}
+._copy-icon_1681m_37 {
+  box-sizing: border-box;
+  padding: 0.125rem;
+  width: 26px;
+  height: 26px;
+  border-radius: 0.125rem;
+  cursor: pointer;
+  transition: background-color 200ms;
+  color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._copy-icon_1681m_37 {
+  color: rgba(255, 255, 255, 0.7);
+}
+._copy-icon_1681m_37:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._copy-icon_1681m_37:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+._code_1681m_57 {
+  padding: 0.25rem 1rem 1rem 1rem;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(105, 135, 184, 0.3) rgba(105, 135, 184, 0.15);
+}

package/dist/components/code/ElmCodeBlock.vue.d.ts

@@ -1,3 +1,4 @@
+import { Property } from 'csstype';
 export interface ElmCodeBlockProps {
     /**
      * The code to display.
@@ -12,8 +13,14 @@ export interface ElmCodeBlockProps {
      * If not provided, the language will be used.
      */
     caption?: string;
+    /**
+     * The margin of the code block.
+     */
+    margin?: Property.MarginBlock;
 }
 declare const _default: import('vue').DefineComponent<ElmCodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmCodeBlockProps> & Readonly<{}>, {
     language: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    target: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/code/ElmCodeBlock.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmCodeBlock.vue2.mjs";
+import style0 from "./ElmCodeBlock.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmCodeBlock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmCodeBlock as default
+};

package/dist/components/code/ElmCodeBlock.vue2.mjs

@@ -0,0 +1,86 @@
+import { defineComponent, defineAsyncComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, withCtx, unref } from "vue";
+import { Icon } from "@iconify/vue";
+import ElmLanguageIcon from "../icon/ElmLanguageIcon.vue.mjs";
+import ElmInlineText from "../inline/ElmInlineText.vue.mjs";
+import { useClipboard, useIntersectionObserver } from "@vueuse/core";
+import ElmTooltip from "../containments/ElmTooltip.vue.mjs";
+import ElmBlockFallback from "../fallback/ElmBlockFallback.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmCodeBlock",
+  props: {
+    code: {},
+    language: { default: "txt" },
+    caption: {},
+    margin: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const AsyncElmShikiHighlighter = defineAsyncComponent({
+      loader: () => import("./ElmShikiHighlighter.vue.mjs"),
+      loadingComponent: ElmBlockFallback
+    });
+    const { copy, copied } = useClipboard({ source: props.code });
+    const target = ref(null);
+    const targetIsVisible = ref(false);
+    useIntersectionObserver(target, ([{ isIntersecting }], _) => {
+      targetIsVisible.value = isIntersecting;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "target",
+        ref: target,
+        class: normalizeClass(_ctx.$style.wrapper),
+        style: normalizeStyle({
+          "--margin-block": _ctx.margin,
+          "--opacity": targetIsVisible.value ? 1 : 0
+        })
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.header__left)
+          }, [
+            createVNode(ElmLanguageIcon, {
+              language: _ctx.language,
+              size: 20
+            }, null, 8, ["language"]),
+            createVNode(ElmInlineText, {
+              text: _ctx.caption ?? _ctx.language
+            }, null, 8, ["text"])
+          ], 2),
+          createVNode(ElmTooltip, null, {
+            original: withCtx(() => [
+              createVNode(unref(Icon), {
+                class: normalizeClass(_ctx.$style["copy-icon"]),
+                onClick: _cache[0] || (_cache[0] = () => {
+                  unref(copy)(_ctx.code);
+                }),
+                icon: unref(copied) ? "mdi:clipboard-check-multiple-outline" : "mdi:clipboard-multiple-outline"
+              }, null, 8, ["class", "icon"])
+            ]),
+            tooltip: withCtx(() => [
+              createElementVNode("div", null, [
+                createVNode(ElmInlineText, {
+                  text: unref(copied) ? "Copied to Clipboard!" : "Copy to Clipboard"
+                }, null, 8, ["text"])
+              ])
+            ]),
+            _: 1
+          })
+        ], 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.code)
+        }, [
+          createVNode(unref(AsyncElmShikiHighlighter), {
+            code: _ctx.code,
+            language: _ctx.language
+          }, null, 8, ["code", "language"])
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/code/ElmCodeBlock.vue3.mjs

@@ -0,0 +1,18 @@
+const wrapper = "_wrapper_1681m_1";
+const header = "_header_1681m_16";
+const header__left = "_header__left_1681m_30";
+const code = "_code_1681m_57";
+const style0 = {
+  wrapper,
+  header,
+  header__left,
+  "copy-icon": "_copy-icon_1681m_37",
+  code
+};
+export {
+  code,
+  style0 as default,
+  header,
+  header__left,
+  wrapper
+};

package/dist/components/code/ElmKatex.css

@@ -0,0 +1,28 @@
+._katex_vrtkg_1 {
+  margin-block: var(--margin-block);
+  color: rgba(0, 0, 0, 0.7);
+}
+._katex_vrtkg_1::-moz-selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+._katex_vrtkg_1::selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(0, 0, 0, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1 {
+  color: rgba(255, 255, 255, 0.7);
+  color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1::-moz-selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._katex_vrtkg_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.7));
+}

package/dist/components/code/ElmKatex.vue.d.ts

@@ -14,5 +14,7 @@ export interface ElmKatexProps {
 }
 declare const _default: import('vue').DefineComponent<ElmKatexProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmKatexProps> & Readonly<{}>, {
     block: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    targetRef: unknown;
+}, any>;
 export default _default;

package/dist/components/code/ElmKatex.vue.mjs

@@ -0,0 +1,10 @@
+import _sfc_main from "./ElmKatex.vue2.mjs";
+import style0 from "./ElmKatex.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmKatex = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmKatex as default
+};

package/dist/components/code/ElmKatex.vue2.mjs

@@ -0,0 +1,62 @@
+import { defineComponent, ref, onServerPrefetch, onMounted, onUpdated, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, createElementBlock, toDisplayString } from "vue";
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmKatex",
+  props: {
+    expression: {},
+    block: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const isRendered = ref(false);
+    const html = ref(props.expression);
+    let katexRenderToString = null;
+    const loadKatex = async () => {
+      if (!katexRenderToString) {
+        const [{ renderToString }] = await Promise.all([
+          import("katex"),
+          Promise.resolve({                                                                       })
+        ]);
+        katexRenderToString = renderToString;
+      }
+    };
+    const render = async () => {
+      await loadKatex();
+      if (!isRendered.value && katexRenderToString) {
+        try {
+          html.value = katexRenderToString(props.expression, {
+            displayMode: props.block
+          });
+          isRendered.value = true;
+        } catch (err) {
+          console.error("KaTeX rendering error:", err);
+        }
+      }
+    };
+    onServerPrefetch(render);
+    onMounted(render);
+    onUpdated(render);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.block ? "div" : "span"), {
+        class: normalizeClass(_ctx.$style.katex),
+        key: JSON.stringify(props),
+        ref: "targetRef",
+        style: normalizeStyle({
+          "--margin-block": props.block ? "3rem" : void 0
+        })
+      }, {
+        default: withCtx(() => [
+          isRendered.value ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            innerHTML: html.value
+          }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.expression), 1))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/code/ElmKatex.vue3.mjs

@@ -0,0 +1,8 @@
+const katex = "_katex_vrtkg_1";
+const style0 = {
+  katex
+};
+export {
+  style0 as default,
+  katex
+};

package/dist/components/code/ElmShikiHighlighter.css

@@ -0,0 +1,4 @@
+._code_1pggw_1 {
+  font-size: 16px;
+  line-height: 24px;
+}

package/dist/components/code/{ElmPrismHighlighter.stories.d.ts → ElmShikiHighlighter.stories.d.ts}

@@ -1,7 +1,6 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import { default as ElmPrismHighlighter } from './ElmPrismHighlighter.vue';
-declare const meta: Meta<typeof ElmPrismHighlighter>;
+import { default as ElmShikiHighlighter } from './ElmShikiHighlighter.vue';
+declare const meta: Meta<typeof ElmShikiHighlighter>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Primary: Story;
-export declare const Rust: Story;

package/dist/components/code/{ElmPrismHighlighter.vue.d.ts → ElmShikiHighlighter.vue.d.ts}

@@ -1,4 +1,4 @@
-export interface ElmPrismHighlighterProps {
+export interface ElmShikiHighlighterProps {
     /**
      * The code to display.
      */
@@ -8,7 +8,7 @@ export interface ElmPrismHighlighterProps {
      */
     language?: string;
 }
-declare const _default: import('vue').DefineComponent<ElmPrismHighlighterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmPrismHighlighterProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<ElmShikiHighlighterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElmShikiHighlighterProps> & Readonly<{}>, {
     language: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/code/ElmShikiHighlighter.vue.mjs

@@ -0,0 +1,11 @@
+import _sfc_main from "./ElmShikiHighlighter.vue2.mjs";
+import style0 from "./ElmShikiHighlighter.vue3.mjs";
+/* empty css                          */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const cssModules = {
+  "$style": style0
+};
+const ElmShikiHighlighter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ElmShikiHighlighter as default
+};

package/dist/components/code/ElmShikiHighlighter.vue2.mjs

@@ -0,0 +1,47 @@
+import { defineComponent, ref, onMounted, onServerPrefetch, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
+import { getHighlighterSingleton } from "./shikiInstance.mjs";
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ElmShikiHighlighter",
+  props: {
+    code: {},
+    language: { default: "txt" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isRendered = ref(false);
+    const html = ref(`<pre>${props.code}</pre>`);
+    const render = async () => {
+      if (!isRendered.value) {
+        const highlighter = await getHighlighterSingleton();
+        html.value = highlighter.codeToHtml(props.code, {
+          lang: props.language,
+          themes: {
+            dark: "vitesse-dark",
+            light: "vitesse-light"
+          },
+          colorReplacements: {
+            "#ffffff": "transparent",
+            "#121212": "transparent"
+          }
+        });
+        isRendered.value = true;
+      }
+    };
+    onMounted(render);
+    onServerPrefetch(render);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.code)
+      }, [
+        createElementVNode("div", {
+          class: "shiki",
+          innerHTML: html.value
+        }, null, 8, _hoisted_1)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/code/ElmShikiHighlighter.vue3.mjs

@@ -0,0 +1,8 @@
+const code = "_code_1pggw_1";
+const style0 = {
+  code
+};
+export {
+  code,
+  style0 as default
+};