@maas/vue-equipment 0.27.3 → 0.28.0

package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue

@@ -23,7 +23,7 @@ import { useEventListener, onKeyStroke } from '@vueuse/core'
 import { uuid } from '@maas/vue-equipment/utils'
 import { useCommandStore } from '../composables/private/useCommandStore'
 import { useCommandItem } from '../composables/private/useCommandItem'
-import { CommandInstanceId } from '../symbols'
+import { MagicCommandInstanceId } from '../symbols'
 
 interface Props {
   id?: string
@@ -39,7 +39,7 @@ const props = withDefaults(defineProps<Props>(), {
 })
 const elRef = ref<HTMLElement | undefined>(undefined)
 
-const commandId = inject(CommandInstanceId, '')
+const commandId = inject(MagicCommandInstanceId, '')
 const { selectItem, activeItem } = useCommandItem(commandId)
 
 const mappedId = computed(() => {

package/dist/plugins/MagicCommand/src/components/MagicCommandModal.vue

@@ -11,9 +11,10 @@
 
 <script setup lang="ts">
 import { inject, watch, onBeforeUnmount, type MaybeRef } from 'vue'
-import { useModalApi, useModalEmitter } from '../../../MagicModal'
-import { useCommandApi } from './../composables/useCommandApi'
-import { CommandInstanceId } from './../symbols'
+import { useMagicEmitter } from '@maas/vue-equipment/plugins'
+import { useMagicModal } from '../../../MagicModal'
+import { useMagicCommand } from '../composables/useMagicCommand'
+import { MagicCommandInstanceId } from './../symbols'
 
 import type { CommandModalOptions } from '../types'
 
@@ -24,14 +25,15 @@ interface MagicCommandProps {
 
 const props = defineProps<MagicCommandProps>()
 
-const commandId = inject(CommandInstanceId, '')
+const commandId = inject(MagicCommandInstanceId, '')
+const emitter = useMagicEmitter()
 
 function afterLeaveCallback() {
   close()
 }
 
-const { close, isActive } = useCommandApi(commandId)
-const modalApi = useModalApi(commandId)
+const { close, isActive } = useMagicCommand(commandId)
+const modalApi = useMagicModal(commandId)
 
 watch(isActive, (value) => {
   if (value) {
@@ -41,10 +43,10 @@ watch(isActive, (value) => {
   }
 })
 
-useModalEmitter().on('afterLeave', afterLeaveCallback)
+emitter.on('afterLeave', afterLeaveCallback)
 
 onBeforeUnmount(() => {
-  useModalEmitter().off('afterLeave', afterLeaveCallback)
+  emitter.off('afterLeave', afterLeaveCallback)
   close()
 })
 </script>

package/dist/plugins/MagicCommand/src/components/MagicCommandProvider.vue

@@ -8,9 +8,9 @@
 import { watch, provide, onBeforeUnmount, type MaybeRef } from 'vue'
 import { createDefu } from 'defu'
 import { useMagicKeys } from '@vueuse/core'
-import { defaultOptions } from './../utils/defaultOptions'
-import { useCommandApi } from './../composables/useCommandApi'
-import { CommandInstanceId, CommandOptionsKey } from './../symbols'
+import { defaultOptions } from '../utils/defaultOptions'
+import { useMagicCommand } from '../composables/useMagicCommand'
+import { MagicCommandInstanceId, MagicCommandOptions } from '../symbols'
 
 import type { CommandOptions } from './../types/index'
 
@@ -35,7 +35,7 @@ const props = withDefaults(defineProps<MagicCommandProps>(), {
 })
 
 const keys = useMagicKeys()
-const commandApi = useCommandApi(props.id)
+const commandApi = useMagicCommand(props.id)
 const mappedOptions = customDefu(props.options, defaultOptions)
 
 const { open, close } = commandApi
@@ -64,6 +64,6 @@ onBeforeUnmount(() => {
   close()
 })
 
-provide(CommandInstanceId, props.id)
-provide(CommandOptionsKey, mappedOptions)
+provide(MagicCommandInstanceId, props.id)
+provide(MagicCommandOptions, mappedOptions)
 </script>

package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue

@@ -18,7 +18,7 @@ import {
 import { uuid } from '@maas/vue-equipment/utils'
 import { useCommandStore } from '../composables/private/useCommandStore'
 import { useCommandView } from '../composables/private/useCommandView'
-import { CommandInstanceId } from '../symbols'
+import { MagicCommandInstanceId } from '../symbols'
 
 interface Props {
   id?: string
@@ -26,7 +26,7 @@ interface Props {
 }
 
 const props = withDefaults(defineProps<Props>(), { default: false })
-const commandId = inject(CommandInstanceId, '')
+const commandId = inject(MagicCommandInstanceId, '')
 const elRef = ref<HTMLElement | undefined>(undefined)
 
 const { activeView, selectView } = useCommandView()

package/dist/plugins/MagicCommand/src/composables/{useCommandApi.d.ts → useMagicCommand.d.ts}

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
-export declare function useCommandApi(id: MaybeRef<string>): {
+export declare function useMagicCommand(id: MaybeRef<string>): {
     isActive: import("vue").ComputedRef<boolean>;
     open: () => void;
     close: () => void;

package/dist/plugins/MagicCommand/src/composables/{useCommandApi.mjs → useMagicCommand.mjs}

@@ -1,21 +1,19 @@
 import { computed, toValue } from "vue";
-import { uuid } from "@maas/vue-equipment/utils";
 import { useCommandStore } from "./private/useCommandStore.mjs";
 import { useCommandItem } from "./private/useCommandItem.mjs";
 import { useCommandView } from "./private/useCommandView.mjs";
-export function useCommandApi(id) {
-  const mappedId = computed(() => toValue(id) || uuid());
+export function useMagicCommand(id) {
   const isActive = computed(
-    () => commandStore.value.map((item) => item.id).includes(mappedId.value)
+    () => commandStore.value.map((item) => item.id).includes(toValue(id))
   );
   const { commandStore, addInstance, removeInstance } = useCommandStore();
   function open() {
-    addInstance(mappedId.value);
+    addInstance(toValue(id));
   }
   function close() {
-    removeInstance(mappedId.value);
+    removeInstance(toValue(id));
   }
-  const { selectItem, selectLastItem } = useCommandItem(mappedId);
+  const { selectItem, selectLastItem } = useCommandItem(toValue(id));
   const { selectView, selectLastView } = useCommandView();
   return {
     isActive,

package/dist/plugins/MagicCommand/src/symbols/index.d.ts

@@ -1,5 +1,5 @@
 import type { InjectionKey, MaybeRef } from 'vue';
 import type { CommandOptions } from '../types.js';
-declare const CommandInstanceId: InjectionKey<MaybeRef<string>>;
-declare const CommandOptionsKey: InjectionKey<CommandOptions>;
-export { CommandInstanceId, CommandOptionsKey };
+declare const MagicCommandInstanceId: InjectionKey<MaybeRef<string>>;
+declare const MagicCommandOptions: InjectionKey<CommandOptions>;
+export { MagicCommandInstanceId, MagicCommandOptions };

package/dist/plugins/MagicCommand/src/symbols/index.mjs

@@ -1,3 +1,3 @@
-const CommandInstanceId = Symbol();
-const CommandOptionsKey = Symbol();
-export { CommandInstanceId, CommandOptionsKey };
+const MagicCommandInstanceId = Symbol();
+const MagicCommandOptions = Symbol();
+export { MagicCommandInstanceId, MagicCommandOptions };

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

@@ -1,8 +1,7 @@
 import type { Plugin } from 'vue';
 import MagicCookie from './src/components/MagicCookie.vue.js';
-import { useCookieApi } from './src/composables/useCookieApi.js';
-import { useCookieEmitter } from './src/composables/useCookieEmitter.js';
+import { useMagicCookie } from './src/composables/useMagicCookie.js';
 import type { CookieEvents } from './src/types/index.js';
 declare const MagicCookiePlugin: Plugin;
-export { MagicCookiePlugin, MagicCookie, useCookieApi, useCookieEmitter };
+export { MagicCookiePlugin, MagicCookie, useMagicCookie };
 export type { CookieEvents };

package/dist/plugins/MagicCookie/index.mjs

@@ -1,9 +1,8 @@
 import MagicCookie from "./src/components/MagicCookie.vue";
-import { useCookieApi } from "./src/composables/useCookieApi.mjs";
-import { useCookieEmitter } from "./src/composables/useCookieEmitter.mjs";
+import { useMagicCookie } from "./src/composables/useMagicCookie.mjs";
 const MagicCookiePlugin = {
   install: (app) => {
     app.component("MagicCookie", MagicCookie);
   }
 };
-export { MagicCookiePlugin, MagicCookie, useCookieApi, useCookieEmitter };
+export { MagicCookiePlugin, MagicCookie, useMagicCookie };

package/dist/plugins/MagicCookie/nuxt.mjs

@@ -25,7 +25,7 @@ export default defineNuxtModule({
     });
     addImports({
       from: "@maas/vue-equipment/plugins/MagicCookie",
-      name: "useCookieApi"
+      name: "useMagicCookie"
     });
     addImports({
       from: "@maas/vue-equipment/plugins/MagicCookie",

package/dist/plugins/MagicCookie/src/components/MagicCookie.vue

@@ -83,7 +83,7 @@
 
 <script lang="ts" setup>
 import { defineCookieApi } from '../composables/private/defineCookieApi'
-import { useCookieApi } from '../composables/useCookieApi'
+import { useMagicCookie } from '../composables/useMagicCookie'
 import type { CookieRecord } from '../types'
 
 // Define the props and their default values
@@ -110,7 +110,7 @@ const {
   acceptSelected,
   reject,
   toggleSelection,
-} = useCookieApi()
+} = useMagicCookie()
 </script>
 
 <style>

package/dist/plugins/MagicCookie/src/composables/{useCookieApi.d.ts → useMagicCookie.d.ts}

@@ -1,5 +1,5 @@
 import type { CookieConsent } from '../types.js';
-export declare function useCookieApi(): {
+export declare function useMagicCookie(): {
     preferencesVisible: import("vue").Ref<boolean>;
     selectedCookies: import("vue").Ref<{
         [key: string]: boolean;
@@ -13,3 +13,4 @@ export declare function useCookieApi(): {
     onAcceptSelected: (handler: (args: CookieConsent) => void) => void;
     onReject: (handler: (args: CookieConsent) => void) => void;
 };
+export type UseMagicCookieReturn = ReturnType<typeof useMagicCookie>;

package/dist/plugins/MagicCookie/src/composables/{useCookieApi.mjs → useMagicCookie.mjs}

@@ -1,11 +1,11 @@
 import { computed, ref } from "vue";
 import { useCookies } from "@vueuse/integrations/useCookies";
 import { toValue } from "@vueuse/core";
+import { useMagicEmitter } from "@maas/vue-equipment/plugins";
 import { globalApiState } from "./private/defineCookieApi.mjs";
-import { useCookieEmitter } from "./useCookieEmitter.mjs";
 const preferencesVisible = ref(false);
 const selectedCookies = ref({});
-export function useCookieApi() {
+export function useMagicCookie() {
   const universalCookies = useCookies(["cookie_consent"]);
   const cookieConsent = computed({
     get: () => {
@@ -17,7 +17,7 @@ export function useCookieApi() {
       });
     }
   });
-  const emitter = useCookieEmitter();
+  const emitter = useMagicEmitter();
   selectedCookies.value = cookieConsent.value?.cookies || {};
   function toggleSelection(key) {
     selectedCookies.value = {

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

@@ -1,7 +1,6 @@
 import type { Plugin } from 'vue';
 import MagicDraggable from './src/components/MagicDraggable.vue.js';
-import { useDraggableApi } from './src/composables/useDraggableApi.js';
 import type { DraggableOptions } from './src/types.js';
 declare const MagicDraggablePlugin: Plugin;
-export { MagicDraggablePlugin, MagicDraggable, useDraggableApi };
+export { MagicDraggablePlugin, MagicDraggable };
 export type { DraggableOptions };

package/dist/plugins/MagicDraggable/index.mjs

@@ -1,8 +1,7 @@
 import MagicDraggable from "./src/components/MagicDraggable.vue";
-import { useDraggableApi } from "./src/composables/useDraggableApi.mjs";
 const MagicDraggablePlugin = {
   install: (app) => {
     app.component("MagicDraggable", MagicDraggable);
   }
 };
-export { MagicDraggablePlugin, MagicDraggable, useDraggableApi };
+export { MagicDraggablePlugin, MagicDraggable };

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue

@@ -23,6 +23,7 @@
       >
         <component v-if="component" v-bind="props" :is="component" />
         <slot v-else />
+        <div v-if="hasDragged" class="magic-draggable__overlay" />
       </component>
     </div>
   </div>
@@ -75,15 +76,16 @@ const disabled = computed(() => {
 
 const { snapPoints, animation, initial, threshold } = mappedOptions
 
-const { initialize, onPointerdown, onClick, style } = useDraggableDrag({
-  id: props.id,
-  elRef,
-  wrapperRef,
-  threshold,
-  snapPoints,
-  animation,
-  initial,
-})
+const { initialize, onPointerdown, onClick, style, hasDragged } =
+  useDraggableDrag({
+    id: props.id,
+    elRef,
+    wrapperRef,
+    threshold,
+    snapPoints,
+    animation,
+    initial,
+  })
 
 // Public functions
 function guardedPointerdown(event: PointerEvent) {
@@ -104,5 +106,5 @@ onMounted(() => {
 </script>
 
 <style>
-:root{--magic-draggable-z-index:999;--magic-draggable-position:fixed;--magic-draggable-height:100%;--magic-draggable-width:100%;--magic-draggable-inset:0}.magic-draggable{background:transparent;border:none;color:inherit;height:var(--magic-draggable-height);inset:var(--magic-draggable-inset);padding:0;position:var(--magic-draggable-position);width:var(--magic-draggable-width);z-index:var(--magic-draggable-z-index)}.magic-draggable,.magic-draggable.-disabled{pointer-events:none}.magic-draggable__wrapper{display:block;height:100%;width:100%}.magic-draggable__drag{cursor:grab;display:inline-flex;height:auto;pointer-events:auto;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.magic-draggable.-dragging .magic-draggable__drag{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-draggable.-disabled .magic-draggable__drag{cursor:default}
+:root{--magic-draggable-z-index:999;--magic-draggable-position:fixed;--magic-draggable-height:100%;--magic-draggable-width:100%;--magic-draggable-inset:0}.magic-draggable{background:transparent;border:none;color:inherit;height:var(--magic-draggable-height);inset:var(--magic-draggable-inset);padding:0;position:var(--magic-draggable-position);width:var(--magic-draggable-width);z-index:var(--magic-draggable-z-index)}.magic-draggable,.magic-draggable.-disabled{pointer-events:none}.magic-draggable__wrapper{display:block;height:100%;width:100%}.magic-draggable__drag{cursor:grab;display:inline-flex;height:auto;pointer-events:auto;position:relative;touch-action:none;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.magic-draggable.-dragging .magic-draggable__drag{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-draggable.-disabled .magic-draggable__drag{cursor:default}.magic-draggable__overlay{inset:0;position:absolute;z-index:9999}
 </style>

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts

@@ -8,9 +8,9 @@ interface MagicDrawerProps {
     options?: DraggableOptions;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDrawerProps>, {
-    options: () => DraggableOptions;
+    options: () => any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MagicDrawerProps>, {
-    options: () => DraggableOptions;
+    options: () => any;
 }>>>, {
     options: DraggableOptions;
 }, {}>, {

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.d.ts

@@ -14,5 +14,6 @@ export declare function useDraggableDrag(args: UseDraggableDragArgs): {
     onPointerdown: (e: PointerEvent) => void;
     onClick: (e: MouseEvent) => void;
     style: import("vue").ComputedRef<string>;
+    hasDragged: import("vue").ComputedRef<boolean>;
 };
 export {};

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs

@@ -12,9 +12,10 @@ import {
   useThrottleFn,
   useIdle
 } from "@vueuse/core";
+import { isIOS, isWithinRange } from "@maas/vue-equipment/utils";
 import { useDraggableSnap } from "./useDraggableSnap.mjs";
 import { useDraggableState } from "./useDraggableState.mjs";
-import { isIOS } from "@maas/vue-equipment/utils";
+import { useDraggableScrollLock } from "./useDraggableScrollLock.mjs";
 export function useDraggableDrag(args) {
   const { id, elRef, wrapperRef, threshold, snapPoints, initial, animation } = args;
   const { findState } = useDraggableState(toValue(id));
@@ -41,6 +42,19 @@ export function useDraggableDrag(args) {
   const style = computed(
     () => `transform: translate3d(${draggedX.value}px, ${draggedY.value}px, 0)`
   );
+  const hasDragged = computed(() => {
+    const hasDraggedX = !isWithinRange({
+      input: draggedX.value,
+      base: lastDraggedX.value,
+      threshold: toValue(threshold).lock
+    });
+    const hasDraggedY = !isWithinRange({
+      input: draggedY.value,
+      base: lastDraggedY.value,
+      threshold: toValue(threshold).lock
+    });
+    return hasDraggedX || hasDraggedY;
+  });
   const {
     snapTo,
     activeSnapPoint,
@@ -56,6 +70,12 @@ export function useDraggableDrag(args) {
     draggedY,
     draggedX
   });
+  const {
+    lockScroll,
+    unlockScroll,
+    addScrollLockPadding,
+    removeScrollLockPadding
+  } = useDraggableScrollLock();
   async function getSizes() {
     elRect.value = unrefElement(elRef)?.getBoundingClientRect();
     wrapperRect.value = unrefElement(wrapperRef)?.getBoundingClientRect();
@@ -217,8 +237,13 @@ export function useDraggableDrag(args) {
       activeSnapPoint.value = snapPointsMap.value[key];
     }
     resetStateAndListeners();
+    unlockScroll();
+    removeScrollLockPadding();
   }
   function onPointermove(e) {
+    if (!e.isPrimary) {
+      return;
+    }
     setDragged({ x: e.screenX, y: e.screenY });
     getSizes();
     detectCollision();
@@ -246,6 +271,8 @@ export function useDraggableDrag(args) {
     }
   }
   function onPointerdown(e) {
+    lockScroll();
+    addScrollLockPadding();
     if (dragging.value) {
       return;
     } else {
@@ -264,7 +291,9 @@ export function useDraggableDrag(args) {
     onPointermove(e);
   }
   function onClick(e) {
-    e.preventDefault();
+    if (hasDragged.value) {
+      e.preventDefault();
+    }
   }
   async function initialize() {
     await getSizes();
@@ -312,6 +341,7 @@ export function useDraggableDrag(args) {
     initialize,
     onPointerdown,
     onClick,
-    style
+    style,
+    hasDragged
   };
 }

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.d.ts

@@ -0,0 +1,6 @@
+export declare function useDraggableScrollLock(): {
+    lockScroll: () => void;
+    unlockScroll: () => void;
+    addScrollLockPadding: () => void;
+    removeScrollLockPadding: () => void;
+};

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableScrollLock.mjs

@@ -0,0 +1,42 @@
+import { ref } from "vue";
+import { useScrollLock } from "@vueuse/core";
+import { matchClass } from "@maas/vue-equipment/utils";
+const scrollLock = typeof window !== "undefined" ? useScrollLock(document?.documentElement) : ref(false);
+export function useDraggableScrollLock() {
+  const positionFixedElements = ref([]);
+  function lockScroll() {
+    scrollLock.value = true;
+  }
+  function unlockScroll() {
+    scrollLock.value = false;
+  }
+  function addScrollLockPadding() {
+    if (typeof window === "undefined")
+      return;
+    const exclude = new RegExp(/magic-draggable/);
+    const scrollbarWidth = window.innerWidth - document.body.offsetWidth;
+    document.body.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`);
+    document.body.style.paddingRight = "var(--scrollbar-width)";
+    positionFixedElements.value = [
+      ...document.body.getElementsByTagName("*")
+    ].filter(
+      (x) => getComputedStyle(x, null).getPropertyValue("position") === "fixed" && !matchClass(x, exclude)
+    );
+    positionFixedElements.value.forEach(
+      (elem) => elem.style.paddingRight = "var(--scrollbar-width)"
+    );
+  }
+  function removeScrollLockPadding() {
+    document.body.style.paddingRight = "";
+    document.body.style.removeProperty("--scrollbar-width");
+    positionFixedElements.value.forEach(
+      (elem) => elem.style.paddingRight = ""
+    );
+  }
+  return {
+    lockScroll,
+    unlockScroll,
+    addScrollLockPadding,
+    removeScrollLockPadding
+  };
+}

package/dist/plugins/MagicDraggable/src/types/index.d.ts

@@ -16,6 +16,7 @@ export interface DraggableOptions {
         distance?: number;
         momentum?: number;
         idle?: number;
+        lock?: number;
     };
     animation?: {
         snap?: {

package/dist/plugins/MagicDraggable/src/utils/defaultOptions.d.ts

@@ -1,5 +1,8 @@
 import type { DraggableOptions } from '../types.js';
 import type { RequireAll } from '@maas/vue-equipment/utils';
-type DefaultOptions = RequireAll<DraggableOptions>;
+type DefaultOptions = RequireAll<DraggableOptions> & {
+    threshold: RequireAll<DraggableOptions['threshold']>;
+    animation: RequireAll<DraggableOptions['animation']>;
+};
 declare const defaultOptions: DefaultOptions;
 export { defaultOptions, type DefaultOptions };

package/dist/plugins/MagicDraggable/src/utils/defaultOptions.mjs

@@ -4,7 +4,8 @@ const defaultOptions = {
   threshold: {
     distance: 128,
     momentum: 1.5,
-    idle: 250
+    idle: 250,
+    lock: 0
   },
   animation: {
     snap: {

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

@@ -1,8 +1,7 @@
 import MagicDrawer from './src/components/MagicDrawer.vue.js';
-import { useDrawerApi } from './src/composables/useDrawerApi.js';
-import { useDrawerEmitter } from './src/composables/useDrawerEmitter.js';
+import { useMagicDrawer } from './src/composables/useMagicDrawer.js';
 import type { Plugin } from 'vue';
 import type { DrawerEvents, DrawerOptions } from './src/types/index.js';
 declare const MagicDrawerPlugin: Plugin;
-export { MagicDrawerPlugin, MagicDrawer, useDrawerApi, useDrawerEmitter };
+export { MagicDrawerPlugin, MagicDrawer, useMagicDrawer };
 export type { DrawerEvents, DrawerOptions };

package/dist/plugins/MagicDrawer/index.mjs

@@ -1,9 +1,8 @@
 import MagicDrawer from "./src/components/MagicDrawer.vue";
-import { useDrawerApi } from "./src/composables/useDrawerApi.mjs";
-import { useDrawerEmitter } from "./src/composables/useDrawerEmitter.mjs";
+import { useMagicDrawer } from "./src/composables/useMagicDrawer.mjs";
 const MagicDrawerPlugin = {
   install: (app) => {
     app.component("MagicDrawer", MagicDrawer);
   }
 };
-export { MagicDrawerPlugin, MagicDrawer, useDrawerApi, useDrawerEmitter };
+export { MagicDrawerPlugin, MagicDrawer, useMagicDrawer };

package/dist/plugins/MagicDrawer/nuxt.mjs

@@ -18,11 +18,7 @@ export default defineNuxtModule({
     });
     addImports({
       from: "@maas/vue-equipment/plugins/MagicDrawer",
-      name: "useDrawerApi"
-    });
-    addImports({
-      from: "@maas/vue-equipment/plugins/MagicDrawer",
-      name: "useDrawerEmitter"
+      name: "useMagicDrawer"
     });
   }
 });