feat: increase default timeout, expose as prop

egoist · Feb 13, 2019 · 8ef6171 · 8ef6171
1 parent 5259773
commit 8ef6171
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -66,6 +66,13 @@ Whether to prefetch the matched route component.
 
 A list of additional files to prefetch. By default we only prefetch the route component.
 
+### timeout
+
+- Type: `number`
+- Default: `2000` (ms)
+
+Timeout after which prefetching will occur.
+
 ## Credits
 
 Inspired by [quicklink](https://github.com/GoogleChromeLabs/quicklink) and [`nuxt-link`](https://github.com/nuxt/nuxt.js/pull/4574/).

diff --git a/src/index.js b/src/index.js
@@ -44,11 +44,15 @@ function installRouterPrefetch(Vue, { componentName = 'RouterLink' } = {}) {
       },
       prefetchFiles: {
         type: Array
+      },
+      timeout: {
+        type: Number,
+        default: 2000
       }
     },
     mounted() {
       if (this.prefetch && observer && canPrefetch) {
-        requestIdleCallback(this.observe, { timeout: 1000 })
+        requestIdleCallback(this.observe, { timeout: this.timeout })
       }
     },
     beforeDestory() {