fix: use shallowRef instead of ref

vue-final · Jan 17, 2023 · 8fb0908 · 8fb0908
1 parent 9782f56
commit 8fb0908
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/vue-final-modal/src/components/ModalsContainer.vue b/packages/vue-final-modal/src/components/ModalsContainer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, shallowRef, watch } from 'vue'
 import { isString } from '@vueuse/core'
 import type { Ref } from 'vue'
 import type { UseModalOptionsPrivate } from '../Modal'
@@ -11,7 +11,7 @@ const { resolvedClosed, resolvedOpened } = useInternalVfm()
 const uid = Symbol('ModalsContainer')
 const shouldMount = computed(() => uid === modalsContainers.value[0])
 
-const openedDynamicModals: Ref<UseModalOptionsPrivate[]> = ref([])
+const openedDynamicModals: Ref<UseModalOptionsPrivate[]> = shallowRef([])
 
 function syncOpenDynamicModals() {
   openedDynamicModals.value = dynamicModals.filter(modal => modal.modelValue)