fixed docs, example

Author: hunterliu1003

docs/components/global/BaseExampleAttach.vue

@@ -11,7 +11,10 @@
       <span class="text-2xl"># Attach modal</span>
       <base-lorem />
     </vue-final-modal>
-    <div id="attach" class="relative flex justify-center items-center w-full h-64 bg-gray-700"></div>
+    <div
+      id="attach"
+      class="relative flex justify-center items-center w-full h-64 dark:bg-gray-700 border dark:border-gray-700"
+    ></div>
   </div>
 </template>
 

docs/components/global/BaseExampleAttachFalse.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
-    <div class="relative flex justify-center items-center w-full h-64 bg-gray-700">
+    <div
+      class="relative flex justify-center items-center w-full h-64 dark:bg-gray-700 border dark:border-gray-700"
+    >
       <base-button @click="showModal = true">Attach: false</base-button>
       <vue-final-modal
         v-model="showModal"

docs/content/en/setup.md

@@ -65,7 +65,7 @@ export default {
 ```js[vue-final-modal.js]
 
 
-import VueFinalModal from 'vue-final-modal/lib/VueFinalModal.vue'
+import { VueFinalModal } from 'vue-final-modal/lib'
 
 Vue.component('VueFinalModal', VueFinalModal)
 ```

docs/plugins/global.js

@@ -1,4 +1,4 @@
 import Vue from 'vue'
-import vfm from '../../lib/index.js'
+import { VueFinalModal } from '../../lib'
 
-Vue.component('VueFinalModal', vfm.VueFinalModal)
+Vue.component('VueFinalModal', VueFinalModal)