docs: fix drag example

Author: hunterliu1003

docs/components/content/ModalDragResizePreview.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { ModalsContainer } from 'vue-final-modal'
-import ModalDragResize from './ModalDragResize.vue'
+import { ModalsContainer, useModal } from 'vue-final-modal'
 
-const show = ref(false)
+const { open } = useModal({
+  keepAlive: true,
+  component: defineAsyncComponent(() => import('./ModalDragResize.vue')),
+})
 </script>
 
 <template>
-  <VButton @click="show = true">
+  <VButton @click="() => open()">
     Open Modal
   </VButton>
 
-  <ModalDragResize v-model="show" />
-
   <ModalsContainer />
 </template>

docs/content/4.use-cases/8.modal-drag-resize.md

@@ -18,19 +18,19 @@ Here is a basic drag and resize modal example that using [vue3-drag-resize](http
 
   ```vue [Preview.vue]
     <script setup lang="ts">
-    import { ModalsContainer } from 'vue-final-modal'
-    import ModalDragResize from './ModalDragResize.vue'
+    import { ModalsContainer, useModal } from 'vue-final-modal'
 
-    const show = ref(false)
+    const { open } = useModal({
+      keepAlive: true,
+      component: defineAsyncComponent(() => import('./ModalDragResize.vue')),
+    })
     </script>
 
     <template>
-      <VButton @click="show = true">
+      <VButton @click="() => open()">
         Open Modal
       </VButton>
 
-      <ModalDragResize v-model="show" />
-
       <ModalsContainer />
     </template>
   ```