diff --git a/dist/vue-waypoint.js b/dist/vue-waypoint.js
index 8ddad28..4e58114 100644
--- a/dist/vue-waypoint.js
+++ b/dist/vue-waypoint.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueWaypoint=t():e.VueWaypoint=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.removeObserver=t.addObserver=void 0;var n=r(1),o={},i=function(e,t){return e.forEach(function(e){return u(e,t)})},u=function(e,t){return t((0,n.mapEntry)(e))},O=function(e,t){return new window.IntersectionObserver(e,t)},a=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,n=O(function(e,r){return i(e,t)},r);return n.observe(e),n},f=function(e,t){return e.unobserve(t)};t.addObserver=a,t.removeObserver=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e?"in":"out"},o=function(e,t){return e.top<t.top?"top":e.left>t.left?"right":e.top>t.top?"bottom":e.left<t.left?"left":void 0},i=function(e){return e._waypointData},u=function(e,t){var r=i(e);return void 0!==r?r:t},O=function(e){var t=e.boundingClientRect,r=e.isIntersecting,i=e.target,O=u(i,t);return i._waypointData=t,{el:i,going:n(r),direction:o(t,O),_entry:e}};t.going=n,t.GOING_IN="in",t.GOING_OUT="out",t.direction=o,t.DIRECTION_TOP="top",t.DIRECTION_RIGHT="right",t.DIRECTION_BOTTOM="bottom",t.DIRECTION_LEFT="left",t.mapEntry=O},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(3),o=function(e){return e&&e.__esModule?e:{default:e}}(n),i=r(1),u=r(0),O={install:function(e){(0,o.default)(e),e.prototype.$addObserver=u.addObserver,e.prototype.$removeObserver=u.removeObserver,e.prototype.$waypointMap={GOING_IN:i.GOING_IN,GOING_OUT:i.GOING_OUT,DIRECTION_TOP:i.DIRECTION_TOP,DIRECTION_RIGHT:i.DIRECTION_RIGHT,DIRECTION_BOTTOM:i.DIRECTION_BOTTOM,DIRECTION_LEFT:i.DIRECTION_LEFT}},addObserver:u.addObserver,removeObserver:u.removeObserver,map:{GOING_IN:i.GOING_IN,GOING_OUT:i.GOING_OUT,DIRECTION_TOP:i.DIRECTION_TOP,DIRECTION_RIGHT:i.DIRECTION_RIGHT,DIRECTION_BOTTOM:i.DIRECTION_BOTTOM,DIRECTION_LEFT:i.DIRECTION_LEFT}};t.default=O,"undefined"!=typeof window&&window.Vue&&window.Vue.use(O)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=function(e){e.directive("waypoint",{inserted:function(e,t,r){var o=t.value,i=o.active,u=o.callback,O=o.options;if(i){var a=(0,n.addObserver)(e,u,O);r._waypoint=a}},updated:function(e,t,r,o){var i=t.value,u=i.active,O=i.callback,a=i.options;if(void 0!==o._waypoint&&(0,n.removeObserver)(o._waypoint,e),u){var f=(0,n.addObserver)(e,O,a);r._waypoint=f}},unbind:function(e,t,r){void 0!==r._waypoint&&(0,n.removeObserver)(r._waypoint,e)}})};t.default=o}])});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueWaypoint=t():e.VueWaypoint=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.removeObserver=t.addObserver=void 0;var n=r(1),o={},i=function(e,t){return e.forEach(function(e){return u(e,t)})},u=function(e,t){return t((0,n.mapEntry)(e))},O=function(e,t){return new window.IntersectionObserver(e,t)},a=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o,n=O(function(e,r){return i(e,t)},r);return n.observe(e),n},f=function(e,t){return e.unobserve(t)};t.addObserver=a,t.removeObserver=f},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e?"in":"out"},o=function(e,t){return e.top<t.top?"top":e.left>t.left?"right":e.top>t.top?"bottom":e.left<t.left?"left":void 0},i=function(e){return e._waypointData},u=function(e,t){var r=i(e);return void 0!==r?r:t},O=function(e){var t=e.boundingClientRect,r=e.isIntersecting,i=e.target,O=u(i,t);return i._waypointData=t,{el:i,going:n(r),direction:o(t,O),_entry:e}};t.going=n,t.GOING_IN="in",t.GOING_OUT="out",t.direction=o,t.DIRECTION_TOP="top",t.DIRECTION_RIGHT="right",t.DIRECTION_BOTTOM="bottom",t.DIRECTION_LEFT="left",t.mapEntry=O},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(3),o=function(e){return e&&e.__esModule?e:{default:e}}(n),i=r(1),u=r(0),O={install:function(e){(0,o.default)(e),e.prototype.$addObserver=u.addObserver,e.prototype.$removeObserver=u.removeObserver,e.prototype.$waypointMap={GOING_IN:i.GOING_IN,GOING_OUT:i.GOING_OUT,DIRECTION_TOP:i.DIRECTION_TOP,DIRECTION_RIGHT:i.DIRECTION_RIGHT,DIRECTION_BOTTOM:i.DIRECTION_BOTTOM,DIRECTION_LEFT:i.DIRECTION_LEFT}},addObserver:u.addObserver,removeObserver:u.removeObserver,map:{GOING_IN:i.GOING_IN,GOING_OUT:i.GOING_OUT,DIRECTION_TOP:i.DIRECTION_TOP,DIRECTION_RIGHT:i.DIRECTION_RIGHT,DIRECTION_BOTTOM:i.DIRECTION_BOTTOM,DIRECTION_LEFT:i.DIRECTION_LEFT}};t.default=O,"undefined"!=typeof window&&window.Vue&&window.Vue.use(O)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=function(e){e.directive("waypoint",{inserted:function(e,t,r){var o=t.value,i=o.active,u=o.callback,O=o.options;if(i){var a=(0,n.addObserver)(e,u,O);r._waypoint=a}},update:function(e,t,r,o){var i=t.value,u=i.active,O=i.callback,a=i.options;if(void 0!==o._waypoint&&(0,n.removeObserver)(o._waypoint,e),u){var f=(0,n.addObserver)(e,O,a);r._waypoint=f}},unbind:function(e,t,r){void 0!==r._waypoint&&(0,n.removeObserver)(r._waypoint,e)}})};t.default=o}])});
\ No newline at end of file
diff --git a/src/directive.js b/src/directive.js
index 361a8d2..25a17d8 100644
--- a/src/directive.js
+++ b/src/directive.js
@@ -12,7 +12,7 @@ const defineDirective = Vue => {
         vnode._waypoint = waypoint
       }
     },
-    updated (el, binding, vnode, oldVnode) {
+    update (el, binding, vnode, oldVnode) {
       const { active, callback, options } = binding.value
 
       // we remove the old observer anyways
diff --git a/test/update.html b/test/update.html
new file mode 100644
index 0000000..02fe425
--- /dev/null
+++ b/test/update.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>vue-waypoint directive update test</title>
+  <script src="https://unpkg.com/vue"></script>
+  <script src="../dist/vue-waypoint.js"></script>
+  <style>
+    .wrapper {
+      width: 300vw;
+      height: 300vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .visible {
+      background-color: #48e400;
+    }
+    .waypoint {
+      width: 400px;
+      height: 50px;
+    }
+  </style>
+</head>
+<body>
+  <div id="app">
+    <div class="wrapper" :class="{ visible }">
+      <button
+        v-waypoint="{ active, callback }"
+        class="waypoint"
+        @click="active = !active"
+      >
+        Waypoint holder (<b>click to {{ active ? 'deactivate' : 'activate' }}</b>)
+      </button>
+    </div>
+  </div>
+
+  <script>
+    var app = new Vue({
+      el: '#app',
+      data: {
+        active: true,
+        visible: false
+      },
+      methods: {
+        callback({ going }) {
+          this.visible = going == this.$waypointMap.GOING_IN
+        }
+      }
+    })
+  </script>
+</body>
+</html>