@maas/vue-equipment 0.7.2 → 0.7.4

package/dist/nuxt/module.json

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

package/dist/plugins/MagicModal/src/composables/useModalApi.mjs

@@ -1,6 +1,5 @@
 import { ref, computed, toValue } from "vue";
 import { defu } from "defu";
-import { v4 as uuidv4 } from "uuid";
 import { useScrollLock } from "@vueuse/core";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
 import { useModalStore } from "./private/useModalStore.mjs";
@@ -10,7 +9,7 @@ const defaultOptions = {
 };
 export function useModalApi(id, options) {
   const positionFixedElements = ref([]);
-  const mappedId = computed(() => toValue(id) || uuidv4());
+  const mappedId = computed(() => toValue(id) || crypto.randomUUID());
   const mappedOptions = defu(options, defaultOptions);
   const focusTrap = mappedOptions.focusTarget ? useFocusTrap(mappedOptions.focusTarget) : void 0;
   const scrollLock = mappedOptions.scrollLock && typeof window !== "undefined" ? useScrollLock(document.body) : ref(false);

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

@@ -1,5 +1,6 @@
 <template>
   <Teleport
+    :key="teleportKey"
     :to="mappedOptions.teleport?.target"
     :disabled="mappedOptions.teleport?.disabled"
   >
@@ -43,7 +44,7 @@
 
 <script setup lang="ts">
 import { defu } from 'defu'
-import { toValue, ref, type MaybeRef } from 'vue'
+import { toValue, ref, computed, watch, type MaybeRef } from 'vue'
 import { onClickOutside, type MaybeElement } from '@vueuse/core'
 import { defaultOptions } from './../utils/defaultOptions'
 import { useToastApi } from './../composables/useToastApi'
@@ -65,6 +66,7 @@ const { toasts, count, oldest } = useToastApi(props.id)
 
 const mappedOptions = defu(props.options, defaultOptions)
 const isExpanded = ref(mappedOptions.layout?.expand === true)
+const teleportKey = ref(crypto.randomUUID())
 const listRef = ref<MaybeElement>()
 
 const {
@@ -102,6 +104,10 @@ function outsideClickCallback() {
 }
 
 onClickOutside(listRef, outsideClickCallback)
+watch(
+  () => props.id,
+  () => (teleportKey.value = crypto.randomUUID()),
+)
 </script>
 
 <style lang="css">

package/dist/plugins/MagicToast/src/composables/private/useToastInternalApi.d.ts

@@ -1,4 +1,4 @@
 import type { ToastInstance, AddArgs } from './../../types.js';
 export declare function useToastInternalApi(): {
-    addToast: (args: AddArgs, ctx: ToastInstance) => string;
+    addToast: (args: AddArgs, ctx: ToastInstance) => `${string}-${string}-${string}-${string}-${string}`;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastInternalApi.mjs

@@ -1,4 +1,3 @@
-import { v4 as uuidv4 } from "uuid";
 export function useToastInternalApi() {
   function removeToastAfterTimeout(id, duration, ctx) {
     if (duration > 0) {
@@ -8,7 +7,7 @@ export function useToastInternalApi() {
     }
   }
   function addToast(args, ctx) {
-    const id = uuidv4();
+    const id = crypto.randomUUID();
     let { component, props, duration = 0 } = args;
     const toast = {
       component,

package/dist/plugins/MagicToast/src/composables/useToastApi.mjs

@@ -5,11 +5,10 @@ import {
   toValue,
   markRaw
 } from "vue";
-import { v4 as uuidv4 } from "uuid";
 import { useToastStore } from "./private/useToastStore.mjs";
 export function useToastApi(id) {
   const { findInstance, addInstance, removeInstance } = useToastStore();
-  const mappedId = computed(() => toValue(id) || uuidv4());
+  const mappedId = computed(() => toValue(id) || crypto.randomUUID());
   const instance = computed(() => findInstance(toValue(mappedId)));
   function initialize() {
     const id2 = toValue(mappedId);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.5",