Refactor: Add some options for quicklink (theme-next#625)

Author: 1v9

_config.yml

@@ -506,10 +506,20 @@ han: false
 # For more information: https://github.com/vinta/pangu.js
 pangu: false
 
-# quicklink Support
+# Quicklink Support
 # Dependencies: https://cdn.jsdelivr.net/npm/quicklink/dist/
 # Visit https://github.com/GoogleChromeLabs/quicklink for details
-quicklink: false
+quicklink:
+  enable: false
+  timeout: 3000 # Custom a timeout (milliseconds) for prefetching resources
+  priority: true # Set true to enable fetch() or falls back to XHR
+  # For more flexibility you can add some patterns (RegExp, Function, or Array) to ignores
+  # See: https://github.com/GoogleChromeLabs/quicklink#custom-ignore-patterns
+  # Leave ignores as empty if you don't understand what it means
+  # Example:
+  # ignores: uri => uri.includes('.xml'), (uri, elem) => elem.hasAttribute('noprefetch')
+  # ignores: [/\/api\/?/, uri => uri.includes('123.html')]
+  ignores:
 
 # Swiftype Search API Key
 #swiftype_key:

layout/_third-party/quicklink.swig

@@ -1,4 +1,4 @@
-{% if theme.quicklink %}
+{% if theme.quicklink and theme.quicklink.enable %}
   {% set quicklink_uri = url_for(theme.vendors._internal + '/quicklink/dist/quicklink.umd.js') %}
   {% if theme.vendors.quicklink %}
     {% set quicklink_uri = theme.vendors.quicklink %}
@@ -7,10 +7,9 @@
   <script>
 		window.addEventListener('load', () => {
       quicklink({
-        priority: true,
-        ignores: [
-          uri => uri.includes('#')
-        ]
+        timeout: {{ theme.quicklink.timeout }},
+        priority: {{ theme.quicklink.priority }},
+        ignores: [uri => uri.includes('#'), {{ theme.quicklink.ignores }}]
       });
     });
   </script>