update docs

Author: hunterliu1003

README.md

@@ -2,7 +2,7 @@
 
 ## Introduction
 
-Simple to use, stackable, attachable, highly customizable, mobile-friendly Vue.js 2.0+ modal with SSR support.
+Simple to use, stackable, detachable, highly customizable, mobile-friendly Vue.js 2.0+ modal with SSR support.
 
 `vue-final-modal` has no predefined styles.
 There are only three classes inside `vue-final-modal`, including `.vfm__containter`, `.vfm__content`, `.vfm__overlay`. These classes have only the necessary styles and you can still easily override these styles through these props: `classes`, `content-class`, `overlay-class`

docs/content/en/advanced.md

@@ -1,6 +1,6 @@
 ---
 title: Advanced
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 6
 category: Getting Start
 ---

docs/content/en/events.md

@@ -1,6 +1,6 @@
 ---
 title: Events
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 3
 category: Getting Start
 ---

docs/content/en/examples.md

@@ -1,6 +1,6 @@
 ---
 title: Examples
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 5
 category: Getting Start
 ---

docs/content/en/index.md

@@ -1,14 +1,14 @@
 ---
 title: Introduction
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 0
 category: Getting Start
 features:
   - TailwindCSS friendly
   - Renderless component
   - SSR support
   - Stackable
-  - Attachable
+  - Detachable
   - Scrollable
   - Transition support
   - Mobile friendly
@@ -18,7 +18,7 @@ features:
 <img src="/vue-final-modal/preview.png" class="light-img" />
 <img src="/vue-final-modal/preview-dark.png" class="dark-img" />
 
-[Vue Final Modal](https://github.com/hunterliu1003/vue-final-modal) is a customizable, stackable, attachable and lightweight modal component.
+[Vue Final Modal](https://github.com/hunterliu1003/vue-final-modal) is a customizable, stackable, detachable and lightweight modal component.
 
 ## Features
 

docs/content/en/properties.md

@@ -1,6 +1,6 @@
 ---
 title: Properties
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 2
 category: Getting Start
 ---

docs/content/en/roadmap.md

@@ -1,6 +1,6 @@
 ---
 title: Roadmap
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 7
 category: Getting Start
 ---

docs/content/en/setup.md

@@ -1,6 +1,6 @@
 ---
 title: Setup
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 1
 category: Getting Start
 ---
@@ -65,7 +65,7 @@ export default {
 ```js[vue-final-modal.js]
 
 
-import { VueFinalModal } from 'vue-final-modal'
+import VueFinalModal from 'vue-final-modal/lib/VueFinalModal.vue'
 
 Vue.component('VueFinalModal', VueFinalModal)
 ```

docs/content/en/slots.md

@@ -1,6 +1,6 @@
 ---
 title: Slots
-description: 'Vue Final Modal is a customizable, stackable, attachable and lightweight modal component.'
+description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 4
 category: Getting Start
 ---