update docs

Author: hunterliu1003

docs/content/en/index.md

@@ -85,7 +85,7 @@ npm install vue-final-modal
 
 ## Basic usage
 
-#### 1. Import and register the modal component.
+### Register component
 
 ```js
 import { VueFinalModal } from 'vue-final-modal'
@@ -97,21 +97,21 @@ export default {
 }
 ```
 
-#### 2. Add the modal component to the template.
+### Add component
 
 ```html
 <vue-final-modal v-model="showModal">
   Modal Content Here
 </vue-final-modal>
 ```
 
-#### 3. Create a button to toggle the modal.
+### Create a button
 
 ```html
 <button @click="showModal = true">Launch</button>
 ```
 
-#### 4. All default props
+### All default props
 
 ```js
 const CLASS_TYPES = [String, Object, Array]
@@ -134,7 +134,7 @@ const CLASS_TYPES = [String, Object, Array]
 }
 ```
 
-#### 5. Events.
+### Events
 
 - @before-open: Before open
 - @opened: When opened

example/src/components/basic/BasicOptions.vue

@@ -21,7 +21,7 @@
 
     <base-button @click="showModal = true">Open Basic Modal</base-button>
 
-    <h4>Prop Options:</h4>
+    <h3>Prop Options:</h3>
 
     <div
       class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 p-4 border rounded"
@@ -72,12 +72,14 @@
           <input v-model="allowZIndex" type="checkbox" />
           <span>zIndex:</span>
         </label>
-        <input
-          v-model="zIndex"
-          type="number"
-          class="w-20 pl-2 dark:text-black rounded focus:outline-none"
-          :disabled="!allowZIndex"
-        />
+        <label>
+          <input
+            v-model="zIndex"
+            type="number"
+            class="w-20 pl-2 dark:text-black rounded focus:outline-none"
+            :disabled="!allowZIndex"
+          />
+        </label>
       </div>
       <label class="flex items-center space-x-2">
         <span>attach:</span>