From 8fb090871a06c8be94e82267bf538dd0bfa88dfe Mon Sep 17 00:00:00 2001
From: Alex Liu <dsa1314@gmail.com>
Date: Tue, 17 Jan 2023 22:31:23 +0800
Subject: [PATCH] fix: use shallowRef instead of ref

---
 packages/vue-final-modal/src/components/ModalsContainer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/vue-final-modal/src/components/ModalsContainer.vue b/packages/vue-final-modal/src/components/ModalsContainer.vue
index 59afa9ac..5c6b9c1f 100644
--- 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)