fix: destory options in dynamicModals first when open a dynamic modal

Author: hunterliu1003

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

@@ -78,19 +78,23 @@ export function useModal<P = InstanceType<typeof VueFinalModal>['$props']>(_opti
     options.context?.dynamicModals.push(options)
 
   function open(): Promise<string> {
+    if (!options?.context)
+      return Promise.resolve('[Vue Final Modal] options.context is not exist.')
     if (options.modelValue)
-      return Promise.resolve('[Vue Final Modal] modal is already opened')
+      return Promise.resolve('[Vue Final Modal] modal is already opened.')
 
+    destroy()
     options.modelValue = true
-    options.context?.dynamicModals.push(options)
+    options.context.dynamicModals.push(options)
+
     return new Promise((resolve) => {
       options.resolveOpened = () => resolve('opened')
     })
   }
 
   function close(): Promise<string> {
     if (!options.modelValue)
-      return Promise.resolve('[Vue Final Modal] modal is already closed')
+      return Promise.resolve('[Vue Final Modal] modal is already closed.')
 
     options.modelValue = false
     return new Promise((resolve) => {