Minor tweaks to documentation site

Author: Yev

docs/Intro.md

@@ -2,8 +2,8 @@
 
 The library supports 2 types of modals - static and dynamic.
 
-* **Static** are defined explicitly though the template.
-* **Dynamic** are generated based on the configuration passed into the "show modal" function.
+- **Static** are defined explicitly though the template.
+- **Dynamic** are generated based on the configuration passed into the "show modal" function.
 
 ## Static modals
 
@@ -30,30 +30,29 @@ export default {
     mount () {
         this.show()
     }
-} 
+}
 </script>
 ```
 
 ## Dynamic modals
 
 In order to instantiate modals at runtime (for lazy-loading or de-cluttering templates), it is possible to create modals dynamically.
 
-
-To show dynamic modal you can use the same `$modal.show` function with extended API: 
+To show dynamic modal you can use the same `$modal.show` function with extended API:
 
 ```js
 this.$modal.show(
-    component, 
-    component_properties, 
-    modal_properties,
-    modal_events
+  component,
+  component_properties,
+  modal_properties,
+  modal_events
 )
 ```
 
-* `component` - inline or imported Vue component definition
-* `component_properties` - any properties that are used within the `component_definition`
-* `modal_properties` -modal component properties (see Properties section)
-* `modal_events` - modal event handlers (see Events section)
+- `component` - inline or imported Vue component definition
+- `component_properties` - any properties that are used within the `component_definition`
+- `modal_properties` -modal component properties (see Properties section)
+- `modal_events` - modal event handlers (see Events section)
 
 Using **imported** component definition:
 
@@ -63,9 +62,9 @@ import MyComponent from './MyComponent.vue'
 ...
 
 this.$modal.show(
-    MyComponent, 
-    { text: 'This text is passed as a property' }, 
-    { draggable: true }
+  MyComponent,
+  { text: 'This text is passed as a property' },
+  { draggable: true }
 )
 ```
 
@@ -75,18 +74,18 @@ Using **inline** component definition:
 
 ```js
 this.$modal.show(
-    {
-        template: `
-            <div>
-                <h1>This is created inline</h1>
-                <p>{{ text }}</p>
-            </div>
-        `,
-        props: ['text']
-    },
-    { text: 'This text is passed as a property' },
-    { height: 'auto' }, 
-    { 'before-close': (event) => {} }
+  {
+    template: `
+      <div>
+        <h1>This is created inline</h1>
+        <p>{{ text }}</p>
+      </div>
+    `,
+    props: ['text']
+  },
+  { text: 'This text is passed as a property' },
+  { height: 'auto' },
+  { 'before-close': event => {} }
 )
 ```
 
@@ -117,7 +116,6 @@ Vue.use(VModal, {
 })
 ```
 
-
 ## Dialogs
 
 Dialog is a simplified version of the modal which has most parameters set by default and is useful for quick prototyping, alerts, etc. Dialog is merely an example of how easy it is to create modals that fit your project needs. Nevertheless, you can use it if you set `dialog: true` in plugin configuration:
@@ -135,31 +133,30 @@ And include this component in your project:
 To show modal follow this example (all params except of “text” are optional):
 
 ```js
-    this.$modal.show('dialog', {
-        title: 'The standard Lorem Ipsum passage',
-        text:
-          'Lorem ipsum dolor sit amet, ...',
-        buttons: [
-          {
-            title: 'Cancel',
-            handler: () => {
-              this.$modal.hide('dialog')
-            }
-          },
-          {
-            title: 'Like',
-            handler: () => {
-              alert('Like action')
-            }
-          },
-          {
-            title: 'Repost',
-            handler: () => {
-              alert('Repost action')
-            }
-          }
-        ]
-    })
+this.$modal.show('dialog', {
+  title: 'The standard Lorem Ipsum passage',
+  text: 'Lorem ipsum dolor sit amet, ...',
+  buttons: [
+    {
+      title: 'Cancel',
+      handler: () => {
+        this.$modal.hide('dialog')
+      }
+    },
+    {
+      title: 'Like',
+      handler: () => {
+        alert('Like action')
+      }
+    },
+    {
+      title: 'Repost',
+      handler: () => {
+        alert('Repost action')
+      }
+    }
+  ]
+})
 ```
 
 ![](https://user-images.githubusercontent.com/1577802/85934434-0dac5300-b8da-11ea-9db5-34fa5a0b7fe0.png)

docs/Usage.md

@@ -8,6 +8,12 @@ sidebarDepth: 2
 
 Configuration options can be passed as a second argument to `Vue.use`. 
 
+```js
+import VModal from 'vue-js-modal'
+
+Vue.use(VModal, { ... })
+```
+
 ####  `dialog: Boolean` 
 
 Enables [dialogs](Intro#dialogs).