Clickaway (#12)

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+# 3.3.1 (Oct 23, 2018)
+
+## Changed
+- Context menu now closes via [clickaway](https://github.com/simplesmiler/vue-clickaway)
+instead of blur event. Credit to [robjbrain](https://github.com/robjbrain)
+for pointing it out.
+
+## Updated
+- Updated vue and other dev dependencies.
+
 # 3.3.0 (Oct 15, 2018)
 
 ## Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-context",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A simple vue context menu component.",
   "main": "dist/vue-context.js",
   "scripts": {
@@ -26,12 +26,13 @@
   },
   "homepage": "https://github.com/rawilk/vue-context#readme",
   "dependencies": {
-    "vue": "^2.5.16"
+    "vue": "^2.5.17",
+    "vue-clickaway": "^2.2.2"
   },
   "devDependencies": {
     "babel-preset-env": "^1.7.0",
-    "cross-env": "^5.1.6",
-    "laravel-mix": "^2.1.11",
-    "node-sass": "^4.9.0"
+    "cross-env": "^5.2.0",
+    "laravel-mix": "^2.1.14",
+    "node-sass": "^4.9.4"
   }
 }

src/vue-context.vue

@@ -3,7 +3,7 @@
          v-show="show"
          :style="style"
          tabindex="-1"
-	     @blur="close"
+         v-on-clickaway="close"
          @click="onClick"
          @contextmenu.capture.prevent
     >
@@ -12,7 +12,11 @@
 </template>
 
 <script>
+    import { mixin as clickaway } from 'vue-clickaway';
+
     export default {
+        mixins: [clickaway],
+
         props: {
             /**
              * Close the menu on click.