Merge pull request #42 from guillaumebriday/feature/throttle

Adding throttle

Author: guillaumebriday

package.json

@@ -14,7 +14,9 @@
     "prepublishOnly": "yarn build",
     "lint": "eslint --ext .js --ignore-path .gitignore build/ src/"
   },
-  "dependencies": {},
+  "dependencies": {
+    "lodash.throttle": "4.1.1"
+  },
   "devDependencies": {
     "@babel/core": "7.8.7",
     "@babel/preset-env": "7.8.7",

src/components/VueScrollProgressBar.vue

@@ -18,6 +18,8 @@
 </template>
 
 <script>
+import throttle from 'lodash.throttle'
+
 export default {
   name: 'VueScrollProgressBar',
 
@@ -78,7 +80,7 @@ export default {
       window.removeEventListener('test', null, options)
     } catch (error) {}
 
-    window.addEventListener('scroll', this.handleScroll, passiveIfSupported)
+    window.addEventListener('scroll', throttle(this.handleScroll, 15), passiveIfSupported)
     window.dispatchEvent(new Event('scroll'))
   },
 

yarn.lock

@@ -2397,6 +2397,11 @@ locate-path@^2.0.0:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
 
+lodash.throttle@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
+  integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
+
 lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"