docs: update docs

Author: hunterliu1003

examples/hello-world/components/MyModalPreview.vue

@@ -14,7 +14,7 @@ const { open } = useModal<InstanceType<typeof MyModal>['$props']>({
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="() => open()">
+  <VButton @click="() => open()">
     Open Modal
   </VButton>
 </template>

packages/docs/components/content/ConfirmModalPreview.vue

@@ -8,7 +8,7 @@ function confirm() {
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="show = true">
+  <VButton @click="show = true">
     Open Modal
   </VButton>
 

packages/docs/components/content/DragResizeModalPreview.vue

@@ -1,11 +1,16 @@
 <script setup lang="ts">
-const show = ref(false)
+import { ModalsContainer, useModal } from 'vue-final-modal'
+import DragResizeModal from './DragResizeModal.vue'
+
+const { open } = useModal({
+  component: markRaw(DragResizeModal),
+})
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="show = true">
+  <VButton @click="open">
     Open Modal
   </VButton>
 
-  <DragResizeModal v-model="show" />
+  <ModalsContainer />
 </template>

packages/docs/components/content/ModalIdPreview.vue

@@ -11,7 +11,7 @@ function confirm() {
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="() => vfm.open(modalId)">
+  <VButton @click="() => vfm.open(modalId)">
     Open Modal by modalId
   </VButton>
 

packages/docs/components/content/TailwindConfirmModalPreview.vue

@@ -8,7 +8,7 @@ function confirm() {
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="show = true">
+  <VButton @click="show = true">
     Open Modal
   </VButton>
 

packages/docs/components/content/UseModalPreview.vue

@@ -21,7 +21,7 @@ const { open, close } = useModal<
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="() => open()">
+  <VButton @click="() => open()">
     Open Modal by useModal()
   </VButton>
 

packages/docs/components/content/VModelPreview.vue

@@ -8,7 +8,7 @@ function confirm() {
 </script>
 
 <template>
-  <VButton class="p-2 border rounded" @click="show = true">
+  <VButton @click="show = true">
     Open Modal by v-model
   </VButton>