fixed unbinding event listeners

Author: swiecaJS

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-a11y-click",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Vue directive for handling click events on screen readers",
   "main": "src/index.js",
   "repository": {

src/index.js

@@ -1,29 +1,35 @@
 const a11yClick = {
   install(Vue) {
+    let handleKeyUp, handleKeyDown;
+
     Vue.directive("a11y-click", {
       bind(el) {
         let pressed = false;
 
-        el.tabIndex = 0;
-        el.setAttribute("role", "button");
-        el.setAttribute("aria-pressed", "false");
-
-        el.addEventListener("keydown", () => {
+        handleKeyDown = () => {
           // enter keycode = 13
           if (event.keyCode !== 13 || pressed) return;
           pressed = true;
           el.setAttribute("aria-pressed", "true");
           el.click();
-        });
+        };
 
-        el.addEventListener("keyup", () => {
+        handleKeyUp = () => {
           if (event.keyCode !== 13) return;
           pressed = false;
           el.setAttribute("aria-pressed", "false");
-        });
+        };
+
+        el.tabIndex = 0;
+        el.setAttribute("role", "button");
+        el.setAttribute("aria-pressed", "false");
+
+        el.addEventListener("keydown", handleKeyDown);
+        el.addEventListener("keyup", handleKeyUp);
       },
       unbind(el) {
-        el.removeEventListener("keyup");
+        el.removeEventListener("keyup", handleKeyUp);
+        el.removeEventListener("keydown", handleKeyDown);
       }
     });
   }