docs: update docs

Author: hunterliu1003

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

@@ -58,6 +58,8 @@ Display the modal or not.
 ### displayDirective
 
 Render the modal content via `'if'`{lang=ts} or `'show'`{lang=ts} directive.
+if you need to keep the status of the modal, you can use `'show'` directive. for example if you have a draggable and resizable modal and you need to keep the size and position of the modal while re-open it ([see example](/use-cases/drag-resize-modal)).
+
   - Type:
     - JS: `'if' | 'show'`{lang=ts}
     - TS: `PropType<'if' | 'show'>`{lang=ts}
@@ -73,20 +75,20 @@ Hide the overlay or not.
 
 ### overlayTransition
 
-Customize the overlay transition.
+Bind props to the overlay transition component inside of `<VueFinalModal>`{lang=ts}.
   - Type:
+    - See the [TransitionProps](https://vuejs.org/api/built-in-components.html#transition) in Vue 3 docs for more.
     - JS: `Object`{lang=ts}
     - TS: `PropType<TransitionProps>`{lang=ts}
-      - see interface [TransitionProps](https://vuejs.org/api/built-in-components.html#transition)
   - Default: `() => ({ name: 'vfm' })`{lang=ts}
 
 ### contentTransition
 
-Customize the content transition.
+Bind props to the content transition component inside of `<VueFinalModal>`{lang=ts}.
   - Type:
+    - See the [TransitionProps](https://vuejs.org/api/built-in-components.html#transition) in Vue 3 docs for more.
     - JS: `Object`{lang=ts}
     - TS: `PropType<TransitionProps>`{lang=ts}
-      - see interface [TransitionProps](https://vuejs.org/api/built-in-components.html#transition)
   - Default: `() => ({ name: 'vfm' })`{lang=ts}
 
 ### overlayClass