update Tailwind example

Author: hunterliu1003

docs/content/en/examples/tailwind.md

@@ -12,6 +12,39 @@ See [Tailwind Examples Source Code](https://github.com/hunterliu1003/vue-final-m
 
 <tailwind-simple></tailwind-simple>
 
+<show-code>
+
+```vue
+<template>
+  <div>
+    <vue-final-modal
+      v-model="showModal"
+      classes="flex justify-center items-center"
+      content-class="max-h-1/2 p-4 bg-white dark:bg-gray-900 border dark:border-gray-800 rounded overflow-auto"
+    >
+      <span class="text-2xl mb-2">Hello, world!</span>
+    </vue-final-modal>
+    <button @click="showModal = true">Simple</button>
+  </div>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      showModal: false
+    })
+  }
+</script>
+
+<style scoped>
+  button {
+    @apply mb-2 px-2 py-1 border rounded;
+  }
+</style>
+```
+
+</show-code>
+
 ## Set lockScroll to `false`
 
 <tailwind-lock-scroll></tailwind-lock-scroll>
@@ -40,14 +73,10 @@ See [Tailwind Examples Source Code](https://github.com/hunterliu1003/vue-final-m
 
 <tailwind-attach></tailwind-attach>
 
-
 ## Custom vue-final-modal component
 
-
 TBD
 
-
 ## Override style
 
-
 TBD

example/src/components/tailwind/TailwindSimple.vue

@@ -7,7 +7,7 @@
     >
       <span class="text-2xl mb-2">Hello, world!</span>
     </vue-final-modal>
-    <base-button @click="showModal = true">Simple</base-button>
+    <button @click="showModal = true">Simple</button>
   </div>
 </template>
 
@@ -18,3 +18,9 @@ export default {
   })
 }
 </script>
+
+<style scoped>
+button {
+  @apply mb-2 px-2 py-1 border rounded;
+}
+</style>