Godofbrowser
diff --git a/‎dist/vuejs-dialog.min.js‎
Lines changed: 1 addition & 1 deletion b/‎dist/vuejs-dialog.min.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎dist/vuejs-dialog.min.js.map‎
Lines changed: 1 addition & 1 deletion b/‎dist/vuejs-dialog.min.js.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions b/‎docs/index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/vuejs-dialog.min.js‎
Lines changed: 1 addition & 1 deletion b/‎docs/vuejs-dialog.min.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/plugin/js/directives.js‎
Lines changed: 15 additions & 20 deletions b/‎src/plugin/js/directives.js‎
Lines changed: 15 additions & 20 deletions
diff --git a/‎src/plugin/js/utilities.js‎
Lines changed: 12 additions & 0 deletions b/‎src/plugin/js/utilities.js‎
Lines changed: 12 additions & 0 deletions
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>VueJs Plugin usage example</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<link href="app.main.css?7c87c312af8a384dfcab" rel="stylesheet"></head>
+<link href="app.main.css?6ee72a18cc7847a5e545" rel="stylesheet"></head>
 <body>
 <div id="app"></div>
 
@@ -21,5 +21,5 @@
     ga('send', 'pageview');
 
 </script>
-<script type="text/javascript" src="app.main.js?7c87c312af8a384dfcab"></script></body>
+<script type="text/javascript" src="app.main.js?6ee72a18cc7847a5e545"></script></body>
 </html>
@@ -1,12 +1,18 @@
 // Directives
 
-import {noop} from './utilities'
+import {noop, clickNode} from './utilities'
 
 
 let Directives = function (Vue) {
-    this.Vue = Vue
-    this.confirmDefinition = this.defineConfirm()
-    this.alertDefinition = this.defineAlert()
+    Object.defineProperties(this, {
+        Vue: {get: () => Vue},
+        confirmDefinition: {
+            get: this.defineConfirm
+        },
+        alertDefinition: {
+            get: this.defineAlert
+        }
+    })
 }
 
 Directives.prototype.defineConfirm = function () {
@@ -29,23 +35,12 @@ Directives.prototype.defineConfirm = function () {
                 return binding.value.ok
             } else {
                 return () => {
+                    // Unbind to allow original event
                     el.removeEventListener('click', el.VuejsDialog.clickHandler, true)
-
-                    _this.Vue.nextTick(() => {
-                        (function (node) {
-                            if (document.createEvent) {
-                                let evt = document.createEvent('MouseEvents');
-                                evt.initEvent('click', true, false);
-                                node.dispatchEvent(evt);
-                            } else if (document.createEventObject) {
-                                node.fireEvent('onclick');
-                            } else if (typeof node.onclick === 'function') {
-                                node.onclick();
-                            }
-                        })(el)
-
-                        el.addEventListener('click', el.VuejsDialog.clickHandler, true)
-                    })
+                    // Trigger original event
+                    clickNode(el)
+                    // Re-bind listener
+                    el.addEventListener('click', el.VuejsDialog.clickHandler, true)
                 }
             }
         })()
 
@@ -8,4 +8,16 @@ export const cloneObj = function (obj) {
 
 export const mergeObjs = function () {
     return Object.assign(...(Object.values(arguments).map(cloneObj)))
+}
+
+export const clickNode = function (node) {
+    if (document.createEvent) {
+        let evt = document.createEvent('MouseEvents');
+        evt.initEvent('click', true, false);
+        node.dispatchEvent(evt);
+    } else if (document.createEventObject) {
+        node.fireEvent('onclick');
+    } else if (typeof node.onclick === 'function') {
+        node.onclick();
+    }
 }