udpate docs

Author: hunterliu1003

README.md

@@ -19,8 +19,6 @@
 
 ### 🙌 [Examples](https://hunterliu1003.github.io/vue-final-modal/examples)
 
-### 🌏 [CDN example](https://codepen.io/hunterliu1003/pen/PoZmbPm?editors=1010)
-
 ## Introduction
 
 If you need a highly customizable modal component for Vue.js, `Vue Final Modal` would be a nice choice.

docs/content/en/codepen.md

@@ -1,5 +1,5 @@
 ---
-title: Codepen
+title: Codepen examples
 description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 5
 category: Examples

docs/content/en/examples.md

@@ -1,25 +1,51 @@
 ---
-title: Advanced
+title: Advanced examples
 description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 2
 category: Examples
 ---
 
-<div class="space-y-4">
-    <base-example></base-example>
-    <base-example-lock-scroll></base-example-lock-scroll>
-    <base-example-hide-overlay></base-example-hide-overlay>
-    <base-example-click-to-close></base-example-click-to-close>
-    <base-example-prevent-click></base-example-prevent-click>
-    <base-example-stackable></base-example-stackable>
-    <base-example-scroll></base-example-scroll>
-    <base-example-attach></base-example-attach>
-</div>
+
+## Simple
+
+<base-example></base-example>
+
+## Set lockScroll to `false`
+
+<base-example-lock-scroll></base-example-lock-scroll>
+
+## Hide overlay
+
+<base-example-hide-overlay></base-example-hide-overlay>
+
+## Click to close
+
+<base-example-click-to-close></base-example-click-to-close>
+
+## Prevent click
+
+<base-example-prevent-click></base-example-prevent-click>
+
+## Stackable
+
+<base-example-stackable></base-example-stackable>
+
+## Scrollable
+
+<base-example-scroll></base-example-scroll>
+
+## Detachable
+
+<base-example-attach></base-example-attach>
+
 
 ## Custom vue-final-modal component
 
+
 TBD
 
+
 ## Override style
 
+
 TBD

docs/content/en/index.md

@@ -117,6 +117,10 @@ const CLASS_TYPES = [String, Object, Array]
 - @before-close: Before close
 - @closed: After closed
 
+## [See advanced examples](/examples)
+
+## [See codepen examples](/examples)
+
 ## Roadmap
 
 If you have any ideas for optimization of `vue-final-modal`, feel free to open [issues](https://github.com/hunterliu1003/vue-final-modal/issues) or [pull request](https://github.com/hunterliu1003/vue-final-modal/pulls).