chore: move type VNodesContainer to Modal.ts

Author: hunterliu1003

packages/vue-final-modal/src/Modal.ts

@@ -1,6 +1,5 @@
-import type { App, CSSProperties, Component, ComputedRef, Ref } from 'vue'
+import type { App, CSSProperties, Component, ComputedRef, Ref, VNode } from 'vue'
 import type { ComponentProps, ComponentSlots } from './Component'
-import type { VNodesContainer } from './useVNodesContainer'
 
 export type ModalId = number | string | symbol
 export type StyleValue = string | CSSProperties | (string | CSSProperties)[]
@@ -58,3 +57,10 @@ export type ModalExposed = {
   overlayVisible: Ref<boolean>
   toggle: (show?: boolean) => Promise<string>
 }
+
+export type VNodesContainer = {
+  vNodes: VNode[]
+  containers: Ref<symbol[]>
+  push: (vNode: VNode) => void
+  remove: (vNode: VNode) => void
+}

packages/vue-final-modal/src/components/ModalsContainer.ts

@@ -6,7 +6,7 @@ export const ModalsContainer = defineComponent({
   setup() {
     const { vNodesContainer } = useVfm()
 
-    const uid = Symbol(__DEV__ ? 'ModalsContainer' : '')
+    const uid = Symbol(__DEV__ ? 'VNodesContainer' : '')
     const shouldMount = computed(() => uid === vNodesContainer.containers.value?.[0])
 
     vNodesContainer.containers.value.push(uid)

packages/vue-final-modal/src/useVNodesContainer.ts

@@ -1,12 +1,6 @@
-import type { Ref, VNode } from 'vue'
+import type { VNode } from 'vue'
 import { ref, shallowReactive } from 'vue'
-
-export type VNodesContainer = {
-  vNodes: VNode[]
-  containers: Ref<symbol[]>
-  push: (vNode: VNode) => void
-  remove: (vNode: VNode) => void
-}
+import type { VNodesContainer } from './Modal'
 
 export function useVNodesContainer(): VNodesContainer {
   const vNodes: VNode[] = shallowReactive([])