Release 2.2.2

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [2.2.2] - 2018-04-09
+
+### Changed
+- Fix context with which the away handler is called
+
 ## [2.2.1] - 2018-04-08
 
 ### Changed
@@ -97,3 +102,4 @@ Initial release
 [2.1.0]: https://github.com/simplesmiler/vue-clickaway/compare/2.0.0...2.1.0
 [2.2.0]: https://github.com/simplesmiler/vue-clickaway/compare/2.2.0...2.1.0
 [2.2.1]: https://github.com/simplesmiler/vue-clickaway/compare/2.2.0...2.2.1
+[2.2.2]: https://github.com/simplesmiler/vue-clickaway/compare/2.2.1...2.2.2

README.md

@@ -29,9 +29,9 @@ $ npm install vue-clickaway --save
 From CDN, chose the one you prefer:
 
 ``` html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/vue-clickaway.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-clickaway/2.2.1/vue-clickaway.min.js"></script>
-<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.1/dist/vue-clickaway.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].2/dist/vue-clickaway.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-clickaway/2.2.2/vue-clickaway.min.js"></script>
+<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.2/dist/vue-clickaway.min.js"></script>
 ```
 
 ## Usage

dist/vue-clickaway.common.js

@@ -3,7 +3,7 @@
 var Vue = require('vue');
 Vue = 'default' in Vue ? Vue['default'] : Vue;
 
-var version = '2.2.1';
+var version = '2.2.2';
 
 var compatible = (/^2\./).test(Vue.version);
 if (!compatible) {
@@ -16,9 +16,11 @@ if (!compatible) {
 
 var HANDLER = '_vue_clickaway_handler';
 
-function bind(el, binding) {
+function bind(el, binding, vnode) {
   unbind(el);
 
+  var vm = vnode.context;
+
   var callback = binding.value;
   if (typeof callback !== 'function') {
     if (process.env.NODE_ENV !== 'production') {
@@ -51,7 +53,7 @@ function bind(el, binding) {
     // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`
     var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
     if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
-      return callback(ev);
+      return callback.call(vm, ev);
     }
   };
 

dist/vue-clickaway.js

@@ -2,7 +2,7 @@
 
   Vue = 'default' in Vue ? Vue['default'] : Vue;
 
-  var version = '2.2.1';
+  var version = '2.2.2';
 
   var compatible = (/^2\./).test(Vue.version);
   if (!compatible) {
@@ -15,9 +15,11 @@
 
   var HANDLER = '_vue_clickaway_handler';
 
-  function bind(el, binding) {
+  function bind(el, binding, vnode) {
     unbind(el);
 
+    var vm = vnode.context;
+
     var callback = binding.value;
     if (typeof callback !== 'function') {
       if ('development' !== 'production') {
@@ -50,7 +52,7 @@
       // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`
       var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
       if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
-        return callback(ev);
+        return callback.call(vm, ev);
       }
     };
 

index.js

@@ -1,6 +1,6 @@
 import Vue from 'vue';
 
-export var version = '2.2.1';
+export var version = '2.2.2';
 
 var compatible = (/^2\./).test(Vue.version);
 if (!compatible) {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-clickaway",
   "description": "Reusable clickaway directive for reusable Vue.js components",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "author": "Denis Karabaza <[email protected]>",
   "browserify": {
     "transform": [