Disable feature based on attribute added

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 yarn.lock
-dist/
+dist/
+.DS_Store

example/App.vue

@@ -8,13 +8,15 @@
     {{ msg }}
     <div
       class="content"
+      :disabled="disable"
       v-hammer:press="test2"
       v-hammer:tap="test"
       v-hammer:pan.left="test"
       v-hammer:panstart="test2"
       v-hammer:panend="test2"
     >
     </div>
+    <button @click="toggleDisableState">{{ disable ? 'Enable' : 'Disable' }} Tap</button>
   </div>
 </template>
 
@@ -37,7 +39,8 @@ export default {
   name: 'app',
   data() {
     return {
-      msg: 'Welcome to Your Vue.js App'
+      msg: 'Welcome to Your Vue.js App',
+    disable: false
     };
   },
   methods: {
@@ -46,6 +49,9 @@ export default {
     },
     test2(e) {
       console.log('aaaa');
+    },
+    toggleDisableState() {
+      this.disable = !this.disable
     }
   }
 };

index.js

@@ -14,7 +14,8 @@ export const VueHammer = {
           el.hammer = new Hammer.Manager(el)
         }
         const mc = el.hammer
-
+        // Disabled hammer
+        mc.set({ enable: el.getAttribute('disabled') !== 'disabled' });
         // determine event type
         const event = binding.arg
         if (!event) {
@@ -90,6 +91,8 @@ export const VueHammer = {
       },
       inserted: (el, binding) => {
         const mc = el.hammer
+        // Disabled hammer
+        mc.set({ enable: el.getAttribute('disabled') !== 'disabled' });
         const event = binding.arg
         const eventWithDir = subGestures.find(subGes => subGes === event) ? event : this.buildEventWithDirections(event, el.__hammerConfig[event].direction)
         if (mc.handler) {
@@ -107,6 +110,8 @@ export const VueHammer = {
       },
       componentUpdated: (el, binding) => {
         const mc = el.hammer
+        // Disabled hammer
+        mc.set({ enable: el.getAttribute('disabled') !== 'disabled' });
         const event = binding.arg
         const eventWithDir = subGestures.find(subGes => subGes === event) ? event : this.buildEventWithDirections(event, el.__hammerConfig[event].direction)
         // teardown old handler
@@ -125,6 +130,8 @@ export const VueHammer = {
       },
       unbind: (el, binding) => {
         const mc = el.hammer
+        // Disabled hammer
+        mc.set({ enable: el.getAttribute('disabled') !== 'disabled' });
         const event = binding.arg
         const eventWithDir = subGestures.find(subGes => subGes === event) ? event : this.buildEventWithDirections(event, el.__hammerConfig[event].direction)
         if (mc.handler) {