Merge branch 'dev'

Author: maoberlehner

README.md

@@ -237,12 +237,13 @@ Breaking changes:
 
 ## Articles
 
+- [Partial Hydration Concepts: Lazy and Active](https://markus.oberlehner.net/blog/partial-hydration-concepts-lazy-and-active/)
 - [abomination: a Concept for a Static HTML / Dynamic JavaScript Hybrid Application](https://markus.oberlehner.net/blog/abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application/)
 - [How to Drastically Reduce Estimated Input Latency and Time to Interactive of SSR Vue.js Applications](https://markus.oberlehner.net/blog/how-to-drastically-reduce-estimated-input-latency-and-time-to-interactive-of-ssr-vue-applications/)
 
 ## Credits
 
-The code of the current implementation of this package is based on a [similar package created by **Rahul Kadyan**](https://github.com/znck/lazy-hydration). Thanks to his code I'm finally able to build a clean solution for what I dreamed of when I created the [abomination](https://markus.oberlehner.net/blog/abomination-a-concept-for-a-static-html-dynamic-javascript-hybrid-application/).
+The code of the v1 version of this package was based on a [similar package created by **Rahul Kadyan**](https://github.com/znck/lazy-hydration).
 
 ## Testing
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-lazy-hydration",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.1",
   "description": "Lazy hydration of server-side rendered Vue.js components",
   "keywords": [
     "hydration",

src/utils/hydration-blocker.js

@@ -59,17 +59,18 @@ export function makeHydrationBlocker(component, options) {
           this.hydrationPromise.then(cleanup);
         }
 
-        if (this.interactionEvents.length) {
+        if (this.interactionEvents && this.interactionEvents.length) {
           const eventListenerOptions = {
             capture: true,
             once: true,
             passive: true,
           };
 
           this.interactionEvents.forEach((eventName) => {
-            const eventListenerParams = [eventName, this.hydrate, eventListenerOptions];
-            this.$el.addEventListener.apply(null, eventListenerParams);
-            const cleanup = () => this.$el.removeEventListener.apply(null, eventListenerParams);
+            this.$el.addEventListener(eventName, this.hydrate, eventListenerOptions);
+            const cleanup = () => {
+              this.$el.removeEventListener(eventName, this.hydrate, eventListenerOptions);
+            };
             this.cleanupHandlers.push(cleanup);
           });
         }