feat(theme): preconnect algolia when idle (#1851)

vuejs · Jan 29, 2023 · 1f77577 · 1f77577
1 parent 010b3e5
commit 1f77577
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/client/theme-default/components/VPNavBarSearch.vue b/src/client/theme-default/components/VPNavBarSearch.vue
@@ -78,6 +78,22 @@ function poll() {
     }
   }, 16)
 }
+
+onMounted(() => {
+  const id = 'VPAlgoliaPreconnect'
+
+  const rIC = requestIdleCallback || setTimeout
+  rIC(() => {
+    if (!theme.value.algolia || document.head.querySelector(`#${id}`)) return
+
+    const preconnect = document.createElement('link')
+    preconnect.id = id
+    preconnect.rel = 'preconnect'
+    preconnect.href = `https://${theme.value.algolia.appId}-dsn.algolia.net`
+    preconnect.crossOrigin = ''
+    document.head.appendChild(preconnect)
+  })
+})
 </script>
 
 <template>