docs: scoped slots close

Author: hunterliu1003

docs/content/3.api/1.components/1.vue-final-modal.md

@@ -240,4 +240,16 @@ When set `:preventNavigationGestures="true"`{lang=ts}, there will be two invisib
 
 - The `default`{lang=ts} slot can be used to render the modal content.
 
+You can also use scoped slots to close modal, for example:
+
+```html
+<VueFinalModal>
+  <template #default="{ close }">
+    <button @click="() => close()">
+      Cancel
+    </button>
+  </template>
+</VueFinalModal>
+```
+
 - The `swipe-banner`{lang=ts} slot can be used to define the area that can be swipe to close