@maas/vue-equipment 0.1.2 → 0.2.0

package/dist/composables/index.mjs

@@ -0,0 +1,254 @@
+// useEasings/index.ts
+function useEasings() {
+  const easings2 = {
+    linear: (t) => t,
+    easeInQuad: (t) => t * t,
+    easeOutQuad: (t) => t * (2 - t),
+    easeInOutQuad: (t) => t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t,
+    easeInCubic: (t) => t * t * t,
+    easeOutCubic: (t) => --t * t * t + 1,
+    easeInOutCubic: (t) => t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,
+    easeInQuart: (t) => t * t * t * t,
+    easeOutQuart: (t) => 1 - --t * t * t * t,
+    easeInOutQuart: (t) => t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,
+    easeInQuint: (t) => t * t * t * t * t,
+    easeOutQuint: (t) => 1 + --t * t * t * t * t,
+    easeInOutQuint: (t) => t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t
+  };
+  return easings2;
+}
+
+// useGlyphToSvg/index.ts
+import { useClipboard } from "@vueuse/core";
+import { unref } from "vue";
+function useGlyphToSvg({
+  fontSize,
+  fontWeight,
+  fontFile
+}) {
+  const { copy } = useClipboard();
+  const mappedFontFile = unref(fontFile);
+  const mappedFontSize = unref(fontSize);
+  const mappedFontWeight = unref(fontWeight);
+  const loadVariableFont = () => {
+    const variableFont = mappedFontFile.getVariation({
+      wght: mappedFontWeight
+    });
+    return variableFont;
+  };
+  const convertToSvg = (glyph) => {
+    const scale = mappedFontSize / mappedFontFile.unitsPerEm;
+    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI);
+    const bbox = path.bbox;
+    const minX = bbox.minX;
+    const minY = bbox.minY;
+    const height = bbox.height;
+    const width = bbox.width;
+    const dims = unref(fontSize);
+    const centeredY = (height - dims) / 2 + minY;
+    const centeredX = (width - dims) / 2 + minX;
+    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`;
+    let svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}" xmlns:xlink="http://www.w3.org/1999/xlink">`;
+    svg += `<path d="${path.toSVG()}" fill="currentColor" />`;
+    svg += "</svg>";
+    return svg;
+  };
+  const renderSvg = async (codePoint) => {
+    const font = await loadVariableFont();
+    const glyph = font.glyphForCodePoint(codePoint);
+    const svg = convertToSvg(glyph);
+    return svg;
+  };
+  const copySvg = async (codePoint) => {
+    const svg = await renderSvg(codePoint);
+    copy(svg);
+  };
+  return { copySvg, renderSvg };
+}
+
+// useScrollTo/index.ts
+import { unrefElement } from "@vueuse/core";
+var easings = useEasings();
+function min(a, b) {
+  return a < b ? a : b;
+}
+function unwrapParent(parent) {
+  if (parent === window) {
+    return parent;
+  } else if (typeof parent === "string") {
+    return document.querySelector(parent) || document.documentElement;
+  } else {
+    return unrefElement(parent) || document.documentElement;
+  }
+}
+function unwrapTarget(target, parentEl) {
+  if (typeof target === "string") {
+    const queryTarget = parentEl === window ? document : parentEl;
+    return queryTarget.querySelector(target);
+  } else {
+    return unrefElement(target);
+  }
+}
+function useScrollTo() {
+  function getScrollPosition(element) {
+    if (element === window) {
+      return { x: window.pageXOffset, y: window.pageYOffset };
+    } else if (element instanceof Element) {
+      return { x: element.scrollLeft, y: element.scrollTop };
+    } else {
+      return { x: 0, y: 0 };
+    }
+  }
+  function getDistance(element) {
+    const rect = element.getBoundingClientRect();
+    const scrollEl = document.scrollingElement || document.documentElement;
+    return {
+      top: rect.top + scrollEl.scrollTop,
+      left: rect.left + scrollEl.scrollLeft
+    };
+  }
+  function getScrollDuration({
+    parent = document.documentElement || document.body,
+    left = 0,
+    top = 0,
+    speed = 500
+  }) {
+    const currentPos = getScrollPosition(parent);
+    const distanceX = currentPos.x - left;
+    const distanceY = currentPos.y - top;
+    const durationX = Math.abs(distanceX / speed * 100);
+    const durationY = Math.abs(distanceY / speed * 100);
+    return { x: durationX, y: durationY };
+  }
+  function scrollTo({
+    parent = document.documentElement || document.body,
+    top,
+    left,
+    duration = {},
+    easing = easings.easeOutQuad,
+    callback
+  }) {
+    const startTime = Date.now();
+    const { x: fromX, y: fromY } = getScrollPosition(parent);
+    if (fromX === top && fromY === left) {
+      if (callback)
+        callback();
+      return;
+    }
+    const mappedDuration = { x: 500, y: 500, ...duration };
+    const scroll = () => {
+      const currentTime = Date.now();
+      const timeX = min(1, (currentTime - startTime) / mappedDuration.x);
+      const timeY = min(1, (currentTime - startTime) / mappedDuration.y);
+      const easedTimeX = easing(timeX);
+      const easedTimeY = easing(timeY);
+      const minTime = Math.min(easedTimeX, easedTimeY);
+      parent.scroll({
+        left: minTime * (left - fromX) + fromX,
+        top: minTime * (top - fromY) + fromY
+      });
+      if (easedTimeX < 1 || easedTimeY < 1) {
+        requestAnimationFrame(scroll);
+      } else if (callback) {
+        callback();
+      }
+    };
+    requestAnimationFrame(scroll);
+  }
+  function scrollToTarget({
+    target,
+    parent = document.documentElement || document.body,
+    offset = {},
+    speed = 500,
+    easing = easings.easeOutQuad
+  }) {
+    let parentEl = unwrapParent(parent);
+    if (!parentEl)
+      return;
+    let targetEl = unwrapTarget(target, parentEl);
+    if (!targetEl)
+      return;
+    const mappedOffset = { x: 0, y: 0, ...offset };
+    const distance = getDistance(targetEl);
+    const leftDistance = distance.left - mappedOffset.x;
+    const topDistance = distance.top - mappedOffset.y;
+    const scrollDuration = getScrollDuration({
+      parent: parentEl,
+      left: leftDistance,
+      top: topDistance,
+      speed
+    });
+    scrollTo({
+      parent: parentEl,
+      left: leftDistance,
+      top: topDistance,
+      duration: scrollDuration,
+      easing
+    });
+  }
+  return {
+    getScrollPosition,
+    getDistance,
+    getScrollDuration,
+    scrollTo,
+    scrollToTarget
+  };
+}
+
+// useViewportDimensions/index.ts
+import { onMounted, onUnmounted } from "vue";
+function useViewportDimensions(options) {
+  const mappedOptions = {
+    width: "--vw",
+    height: "--vh",
+    initialWidth: "--initial-vw",
+    initialHeight: "--initial-vh",
+    ...options
+  };
+  const setViewportWidth = (initial) => {
+    const vw = Number(window.innerWidth * 0.01).toFixed(2);
+    if (mappedOptions.width) {
+      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`);
+    }
+    if (initial && mappedOptions.initialWidth) {
+      document.documentElement.style.setProperty(
+        mappedOptions.initialWidth,
+        `${vw}px`
+      );
+    }
+  };
+  const setViewportHeight = (initial) => {
+    const vh = Number(window.innerHeight * 0.01).toFixed(2);
+    if (mappedOptions.height) {
+      document.documentElement.style.setProperty(
+        mappedOptions.height || "--vh",
+        `${vh}px`
+      );
+    }
+    if (initial && mappedOptions.initialHeight) {
+      document.documentElement.style.setProperty(
+        mappedOptions.initialHeight || "--initial-vh",
+        `${vh}px`
+      );
+    }
+  };
+  const setDimensions = () => {
+    setViewportWidth();
+    setViewportHeight();
+  };
+  onMounted(() => {
+    setViewportWidth(true);
+    setViewportHeight(true);
+    window.addEventListener("resize", setDimensions, { passive: true });
+  });
+  onUnmounted(() => {
+    window.addEventListener("resize", setDimensions, { passive: true });
+  });
+}
+export {
+  useEasings,
+  useGlyphToSvg,
+  useScrollTo,
+  useViewportDimensions
+};
+//# sourceMappingURL=index.mjs.map

package/dist/composables/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../packages/composables/useEasings/index.ts","../../packages/composables/useGlyphToSvg/index.ts","../../packages/composables/useScrollTo/index.ts","../../packages/composables/useViewportDimensions/index.ts"],"sourcesContent":["export type EasingKey =\n  | 'linear'\n  | 'easeInQuad'\n  | 'easeOutQuad'\n  | 'easeInOutQuad'\n  | 'easeInCubic'\n  | 'easeOutCubic'\n  | 'easeInOutCubic'\n  | 'easeInQuart'\n  | 'easeOutQuart'\n  | 'easeInOutQuart'\n  | 'easeInQuint'\n  | 'easeOutQuint'\n  | 'easeInOutQuint'\n\nexport type EasingFunction = (t: number) => number\n\nexport function useEasings() {\n  const easings = {\n    linear: (t: number) => t,\n    easeInQuad: (t: number) => t * t,\n    easeOutQuad: (t: number) => t * (2 - t),\n    easeInOutQuad: (t: number) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),\n    easeInCubic: (t: number) => t * t * t,\n    easeOutCubic: (t: number) => --t * t * t + 1,\n    easeInOutCubic: (t: number) =>\n      t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1,\n    easeInQuart: (t: number) => t * t * t * t,\n    easeOutQuart: (t: number) => 1 - --t * t * t * t,\n    easeInOutQuart: (t: number) =>\n      t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t,\n    easeInQuint: (t: number) => t * t * t * t * t,\n    easeOutQuint: (t: number) => 1 + --t * t * t * t * t,\n    easeInOutQuint: (t: number) =>\n      t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t,\n  }\n\n  return easings\n}\n","import { useClipboard } from '@vueuse/core'\nimport { unref } from 'vue'\n\nimport type { Ref } from 'vue'\nimport type { Font } from 'fontkit'\n\nexport type useGlyphToSvgOptions = {\n  fontSize: Ref<number> | number\n  fontWeight: Ref<number> | number\n  fontFile: Ref<Font> | Font\n}\n\nexport function useGlyphToSvg({\n  fontSize,\n  fontWeight,\n  fontFile,\n}: useGlyphToSvgOptions) {\n  const { copy } = useClipboard()\n  const mappedFontFile = unref(fontFile)\n  const mappedFontSize = unref(fontSize)\n  const mappedFontWeight = unref(fontWeight)\n\n  const loadVariableFont = () => {\n    // @ts-ignore\n    const variableFont = mappedFontFile.getVariation({\n      wght: mappedFontWeight,\n    })\n    return variableFont\n  }\n\n  const convertToSvg = (glyph: any) => {\n    // Scale according to current font size\n    const scale = mappedFontSize / mappedFontFile.unitsPerEm\n    const path = glyph.path.scale(scale, scale).scale(-1, 1).rotate(Math.PI)\n\n    // Center inside square bounding box\n    const bbox = path.bbox\n    const minX = bbox.minX\n    const minY = bbox.minY\n    const height = bbox.height\n    const width = bbox.width\n    const dims = unref(fontSize)\n\n    const centeredY = (height - dims) / 2 + minY\n    const centeredX = (width - dims) / 2 + minX\n\n    const viewBox = `${centeredX} ${centeredY} ${dims} ${dims}`\n\n    let svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"${viewBox}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">`\n    svg += `<path d=\"${path.toSVG()}\" fill=\"currentColor\" />`\n    svg += '</svg>'\n\n    return svg\n  }\n\n  const renderSvg = async (codePoint: string) => {\n    const font = await loadVariableFont()\n    const glyph = font.glyphForCodePoint(codePoint)\n    const svg = convertToSvg(glyph)\n    return svg\n  }\n\n  const copySvg = async (codePoint: string) => {\n    const svg = await renderSvg(codePoint)\n    copy(svg)\n  }\n\n  return { copySvg, renderSvg }\n}\n","import { useEasings } from '../useEasings'\nimport { unrefElement } from '@vueuse/core'\nimport type { EasingFunction } from '../useEasings'\nimport type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core'\n\nexport type ScrollToTarget =\n  | string\n  | Element\n  | MaybeElement\n  | MaybeComputedElementRef\n\nexport type ScrollToParent = ScrollToTarget | Window\n\nexport type ScrollToParams = {\n  parent?: Element | Window\n  left: number\n  top: number\n  duration?: { x?: number; y?: number }\n  easing?: EasingFunction\n  callback?: () => void\n}\n\nexport type getScrollDurationParams = {\n  parent: Element | Window\n  left: number\n  top: number\n  speed: number\n}\n\nexport type scrollToTargetParams = {\n  target: ScrollToTarget\n  parent?: ScrollToParent\n  offset?: {\n    x?: number\n    y?: number\n  }\n  speed?: number\n  easing?: EasingFunction\n}\n\nconst easings = useEasings()\n\nfunction min(a: number, b: number) {\n  return a < b ? a : b\n}\n\nfunction unwrapParent(parent: ScrollToParent) {\n  if (parent === window) {\n    return parent\n  } else if (typeof parent === 'string') {\n    return document.querySelector(parent) || document.documentElement\n  } else {\n    return (\n      unrefElement(parent as MaybeComputedElementRef<MaybeElement>) ||\n      document.documentElement\n    )\n  }\n}\n\nfunction unwrapTarget(target: ScrollToTarget, parentEl: Element | Window) {\n  if (typeof target === 'string') {\n    const queryTarget = parentEl === window ? document : (parentEl as Element)\n    return queryTarget.querySelector(target)\n  } else {\n    return unrefElement(target as MaybeComputedElementRef<MaybeElement>)\n  }\n}\n\nexport function useScrollTo() {\n  function getScrollPosition(element: Element | Window): {\n    x: number\n    y: number\n  } {\n    if (element === window) {\n      return { x: window.pageXOffset, y: window.pageYOffset }\n    } else if (element instanceof Element) {\n      return { x: element.scrollLeft, y: element.scrollTop }\n    } else {\n      return { x: 0, y: 0 }\n    }\n  }\n\n  function getDistance(element: Element): { top: number; left: number } {\n    const rect = element.getBoundingClientRect()\n    const scrollEl = document.scrollingElement || document.documentElement\n\n    return {\n      top: rect.top + scrollEl.scrollTop,\n      left: rect.left + scrollEl.scrollLeft,\n    }\n  }\n\n  function getScrollDuration({\n    parent = document.documentElement || document.body,\n    left = 0,\n    top = 0,\n    speed = 500,\n  }: getScrollDurationParams) {\n    const currentPos = getScrollPosition(parent)\n    const distanceX = currentPos.x - left\n    const distanceY = currentPos.y - top\n    const durationX = Math.abs((distanceX / speed) * 100)\n    const durationY = Math.abs((distanceY / speed) * 100)\n\n    return { x: durationX, y: durationY }\n  }\n\n  function scrollTo({\n    parent = document.documentElement || document.body,\n    top,\n    left,\n    duration = {},\n    easing = easings.easeOutQuad,\n    callback,\n  }: ScrollToParams) {\n    const startTime = Date.now()\n    const { x: fromX, y: fromY } = getScrollPosition(parent)\n\n    if (fromX === top && fromY === left) {\n      if (callback) callback()\n      return\n    }\n\n    const mappedDuration = { x: 500, y: 500, ...duration }\n\n    const scroll = () => {\n      const currentTime = Date.now()\n\n      const timeX = min(1, (currentTime - startTime) / mappedDuration.x)\n      const timeY = min(1, (currentTime - startTime) / mappedDuration.y)\n      const easedTimeX = easing(timeX)\n      const easedTimeY = easing(timeY)\n\n      // We use the min of the two times to make sure we scroll at the same speed\n      const minTime = Math.min(easedTimeX, easedTimeY)\n\n      parent.scroll({\n        left: minTime * (left - fromX) + fromX,\n        top: minTime * (top - fromY) + fromY,\n      })\n\n      if (easedTimeX < 1 || easedTimeY < 1) {\n        requestAnimationFrame(scroll)\n      } else if (callback) {\n        callback()\n      }\n    }\n\n    requestAnimationFrame(scroll)\n  }\n\n  function scrollToTarget({\n    target,\n    parent = document.documentElement || document.body,\n    offset = {},\n    speed = 500,\n    easing = easings.easeOutQuad,\n  }: scrollToTargetParams) {\n    let parentEl = unwrapParent(parent)\n    if (!parentEl) return\n    let targetEl = unwrapTarget(target, parentEl)\n    if (!targetEl) return\n\n    const mappedOffset = { x: 0, y: 0, ...offset }\n    const distance = getDistance(targetEl)\n    const leftDistance = distance.left - mappedOffset.x\n    const topDistance = distance.top - mappedOffset.y\n\n    const scrollDuration = getScrollDuration({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      speed: speed,\n    })\n\n    scrollTo({\n      parent: parentEl,\n      left: leftDistance,\n      top: topDistance,\n      duration: scrollDuration,\n      easing: easing,\n    })\n  }\n\n  return {\n    getScrollPosition,\n    getDistance,\n    getScrollDuration,\n    scrollTo,\n    scrollToTarget,\n  }\n}\n","import { onMounted, onUnmounted } from 'vue'\n\nexport type UseViewportDimensionsOptions = {\n  width?: false | string\n  height?: false | string\n  initialWidth?: false | string\n  initialHeight?: false | string\n}\n\nexport function useViewportDimensions(options?: UseViewportDimensionsOptions) {\n  const mappedOptions = {\n    width: '--vw',\n    height: '--vh',\n    initialWidth: '--initial-vw',\n    initialHeight: '--initial-vh',\n    ...options,\n  }\n\n  const setViewportWidth = (initial?: boolean) => {\n    const vw = Number(window.innerWidth * 0.01).toFixed(2)\n\n    if (mappedOptions.width) {\n      document.documentElement.style.setProperty(mappedOptions.width, `${vw}px`)\n    }\n\n    if (initial && mappedOptions.initialWidth) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialWidth,\n        `${vw}px`\n      )\n    }\n  }\n\n  const setViewportHeight = (initial?: boolean) => {\n    const vh = Number(window.innerHeight * 0.01).toFixed(2)\n\n    if (mappedOptions.height) {\n      document.documentElement.style.setProperty(\n        mappedOptions.height || '--vh',\n        `${vh}px`\n      )\n    }\n\n    if (initial && mappedOptions.initialHeight) {\n      document.documentElement.style.setProperty(\n        mappedOptions.initialHeight || '--initial-vh',\n        `${vh}px`\n      )\n    }\n  }\n\n  const setDimensions = () => {\n    setViewportWidth()\n    setViewportHeight()\n  }\n\n  onMounted(() => {\n    setViewportWidth(true)\n    setViewportHeight(true)\n\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n\n  onUnmounted(() => {\n    window.addEventListener('resize', setDimensions, { passive: true })\n  })\n}\n"],"mappings":"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","names":["easings"]}

package/dist/nuxt/module.cjs

@@ -0,0 +1,5 @@
+module.exports = function(...args) {
+  return import('./module.mjs').then(m => m.default.call(this, ...args))
+}
+const _meta = module.exports.meta = require('./module.json')
+module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/nuxt/module.d.ts

@@ -0,0 +1,9 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    plugins?: string[] | boolean;
+    composables?: string[] | boolean;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { ModuleOptions, _default as default };

package/dist/nuxt/module.json

@@ -0,0 +1,5 @@
+{
+  "name": "@maas/vue-equipment",
+  "configKey": "vueEquipment",
+  "version": "0.1.3"
+}

package/dist/nuxt/module.mjs

@@ -0,0 +1,121 @@
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addImportsSources } from '@nuxt/kit';
+
+const packages = {
+	composables: {
+		name: "composables",
+		display: "Vue Equipment Composables",
+		description: "A magic collection of Vue composables",
+		dir: "packages/composables"
+	},
+	plugins: {
+		name: "plugins",
+		display: "Vue Equipment Plugins",
+		description: "A magic collection of Vue plugins",
+		dir: "packages/plugins"
+	}
+};
+const functions = [
+	{
+		name: "MagicModal",
+		"package": "plugins",
+		lastUpdated: 1689600576000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicModal/",
+		description: "modal"
+	},
+	{
+		name: "MagicPlayer",
+		"package": "plugins",
+		lastUpdated: 1690289302000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicPlayer/",
+		description: "player"
+	},
+	{
+		name: "MagicScroll",
+		"package": "plugins",
+		lastUpdated: 1689669455000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicScroll/",
+		description: "scroll"
+	},
+	{
+		name: "useEasings",
+		"package": "composables",
+		lastUpdated: 1682351430000,
+		docs: "https://maas.egineering/vue-equipment/composables/useEasings/",
+		description: "easings as functions"
+	},
+	{
+		name: "useGlyphToSvg",
+		"package": "composables",
+		lastUpdated: 1690192429000,
+		docs: "https://maas.egineering/vue-equipment/composables/useGlyphToSvg/",
+		description: "render [fontkit](https://github.com/foliojs/fontkit) glyphs as SVG"
+	},
+	{
+		name: "useScrollTo",
+		"package": "composables",
+		lastUpdated: 1682404778000,
+		docs: "https://maas.egineering/vue-equipment/composables/useScrollTo/",
+		description: "scroll to element with a set speed"
+	},
+	{
+		name: "useViewportDimensions",
+		"package": "composables",
+		lastUpdated: 1690194481000,
+		docs: "https://maas.egineering/vue-equipment/composables/useViewportDimensions/",
+		description: "attach viewport dimensions as css variables to the document"
+	}
+];
+const metadata = {
+	packages: packages,
+	functions: functions
+};
+
+const module = defineNuxtModule({
+  meta: {
+    name: "@maas/vue-equipment",
+    configKey: "vueEquipment"
+  },
+  defaults: {
+    plugins: true,
+    composables: true
+  },
+  async setup(options, nuxt) {
+    let plugins;
+    let composables;
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.build.transpile.push("@maas/vue-equipment");
+    nuxt.options.alias = nuxt.options.alias || {};
+    const packages = ["plugins", "composables"];
+    packages.forEach((pkg) => {
+      nuxt.options.alias[`@maas/vue-equipment/${pkg}`] = nuxt.options.alias[`@maas/vue-equipment/${pkg}`] || resolver.resolve(`../${pkg}`);
+    });
+    if (options.plugins === true) {
+      plugins = metadata.functions.filter((fn) => fn.package === "plugins").map((fn) => fn.name);
+    } else {
+      plugins = options.plugins || [];
+    }
+    for (const plugin of plugins) {
+      const nuxtPlugin = await resolver.resolvePath(
+        `@maas/vue-equipment/plugins/${plugin}/nuxt`
+      );
+      const pluginComposablesDir = await resolver.resolvePath(
+        `@maas/vue-equipment/plugins/${plugin}/src/composables`
+      );
+      addPlugin(nuxtPlugin);
+      addImportsDir(pluginComposablesDir, {
+        prepend: true
+      });
+    }
+    if (options.composables === true) {
+      composables = metadata.functions.filter((fn) => fn.package === "composables").map((fn) => fn.name);
+    } else {
+      composables = options.composables || [];
+    }
+    addImportsSources({
+      from: "@maas/vue-equipment/composables",
+      imports: composables
+    });
+  }
+});
+
+export { module as default };

package/dist/nuxt/types.d.ts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['vueEquipment']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['vueEquipment']?: ModuleOptions }
+}
+
+
+export { ModuleOptions, default } from './module'

package/dist/plugins/MagicModal/index.d.ts

@@ -0,0 +1,4 @@
+import { useModalApi } from './src/composables/useModalApi.js';
+import type { Plugin } from 'vue';
+declare const MagicModal: Plugin;
+export { MagicModal, useModalApi };

package/dist/plugins/MagicModal/index.mjs

@@ -0,0 +1,8 @@
+import MagicModalComponent from "./src/components/MagicModal.vue";
+import { useModalApi } from "./src/composables/useModalApi.mjs";
+const MagicModal = {
+  install: (app) => {
+    app.component("MagicModal", MagicModalComponent);
+  }
+};
+export { MagicModal, useModalApi };

package/dist/plugins/MagicModal/nuxt.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>>;
+export default _default;

package/dist/plugins/MagicModal/nuxt.mjs

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { MagicModal } from "./index.mjs";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.use(MagicModal);
+});