Implement injectModalsContainer option

README.md

@@ -155,6 +155,12 @@ And include the `<modals-container/>` component it in your project:
 <modals-container/>
 ```
 
+Alternatively, the modals container can be automatically appended to the document body once the plugin is loaded using `injectModalsContainer: true`:
+
+```js
+Vue.use(VModal, { dynamic: true, injectModalsContainer: true })
+```
+
 Call it (the first argument is the component definition, the second are component properties, the third modal parameters, and the fourth the modal event listeners):
 
 ```javascript

src/Modal.vue

@@ -346,7 +346,7 @@ export default {
     /**
      * Returns class list for click outside overlay (background click)
      */
-    backgroundClickClass() {
+    backgroundClickClass () {
       return ['v--modal-background-click']
     },
     /**

src/ModalsContainer.vue

@@ -29,9 +29,9 @@ export default {
   methods: {
     add (modal, params, config, events) {
       let id = this.uid++
-      config = config ? Object.assign({}, config) : {};
+      config = config ? Object.assign({}, config) : {}
       if (!config.name) {
-        config.name = '_dynamic-modal-' + id;
+        config.name = '_dynamic-modal-' + id
       }
       this.modals.push({
         id: id,

src/index.js

@@ -57,7 +57,13 @@ const Plugin = {
      * Registration of <ModalsContainer/> component
      */
     if (options.dynamic) {
-      Vue.component('modals-container', ModalsContainer)
+      if (options.injectModalsContainer) {
+        const modalsContainer = document.createElement('div')
+        document.body.appendChild(modalsContainer)
+        new Vue({ render: h => h(ModalsContainer) }).$mount(modalsContainer)
+      } else {
+        Vue.component('modals-container', ModalsContainer)
+      }
     }
   }
 }