Release v1.0.1

dell-mic · Nov 21, 2020 · 66464d9 · 66464d9
1 parent 929abfe
commit 66464d9
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 7 deletions.
diff --git a/dist/render-on-scroll.esm.js b/dist/render-on-scroll.esm.js
@@ -44,6 +44,13 @@ var script = {
     }
   },
 
+  beforeDestroy() {
+    // console.log("beforeDestroy", this.interval);
+    if (this.interval) {
+      clearInterval(this.interval);
+    }
+  },
+
   methods: {
     isInViewport() {
       if (!this.$el || typeof window === 'undefined') return false;
@@ -63,10 +70,12 @@ var script = {
     },
 
     addListner() {
-      const interval = setInterval(() => {
+      this.interval = setInterval(() => {
+        // console.log(this.isInViewport());
         if (this.isInViewport()) {
           this.render = true;
-          clearInterval(interval);
+          clearInterval(this.interval);
+          this.interval = null;
         }
       }, 200);
     }

diff --git a/dist/render-on-scroll.min.js b/dist/render-on-scroll.min.js
diff --git a/dist/render-on-scroll.ssr.js b/dist/render-on-scroll.ssr.js
@@ -39,6 +39,12 @@ var script = {
       this.addListner();
     }
   },
+  beforeDestroy: function beforeDestroy() {
+    // console.log("beforeDestroy", this.interval);
+    if (this.interval) {
+      clearInterval(this.interval);
+    }
+  },
   methods: {
     isInViewport: function isInViewport() {
       if (!this.$el || typeof window === 'undefined') return false;
@@ -59,10 +65,12 @@ var script = {
     addListner: function addListner() {
       var _this = this;
 
-      var interval = setInterval(function () {
+      this.interval = setInterval(function () {
+        // console.log(this.isInViewport());
         if (_this.isInViewport()) {
           _this.render = true;
-          clearInterval(interval);
+          clearInterval(_this.interval);
+          _this.interval = null;
         }
       }, 200);
     }
@@ -165,7 +173,7 @@ var __vue_inject_styles__ = undefined;
 var __vue_scope_id__ = undefined;
 /* module identifier */
 
-var __vue_module_identifier__ = "data-v-8199a2c2";
+var __vue_module_identifier__ = "data-v-be813aa8";
 /* functional template */
 
 var __vue_is_functional_template__ = false;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxt-render-on-scroll",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A Vue/Nuxt component that allows you to lazily render components only when they are scrolled into the viewport.",
   "main": "dist/render-on-scroll.ssr.js",
   "browser": "dist/render-on-scroll.esm.js",