valaxy-theme-yun 0.13.2 → 0.13.4

package/components/YunAlgoliaSearch.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { useAddonAlgolia } from 'valaxy-addon-algolia'
+
+const { loaded } = useAddonAlgolia()
+</script>
+
+<template>
+  <AlgoliaSearchBox v-if="loaded" />
+</template>

package/components/YunSearchTrigger.vue

@@ -1,23 +1,13 @@
 <script lang="ts" setup>
 import { computed } from '@vue/reactivity'
 import { useSiteConfig } from 'valaxy'
-import { ref, watch } from 'vue'
+import { defineAsyncComponent, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useMagicKeys } from '@vueuse/core'
 
 const siteConfig = useSiteConfig()
 const { t } = useI18n()
 
-// to avoid loading the docsearch js upfront (which is more than 1/3 of the
-// payload), we delay initializing it until the user has actually clicked or
-// hit the hotkey to invoke it.
-const loaded = ref(false)
-
-function load() {
-  if (!loaded.value)
-    loaded.value = true
-}
-
 const isAlgolia = computed(() => siteConfig.value.search.type === 'algolia')
 
 const open = ref(false)
@@ -29,11 +19,13 @@ const togglePopup = () => {
 const { Meta_K } = useMagicKeys()
 
 watch(Meta_K, (val) => {
-  if (val) {
+  if (val)
     togglePopup()
-    load()
-  }
 })
+
+const YunAlgoliaSearch = isAlgolia
+  ? defineAsyncComponent(() => import('./YunAlgoliaSearch.vue'))
+  : () => null
 </script>
 
 <template>
@@ -42,7 +34,7 @@ watch(Meta_K, (val) => {
     <div v-else text="!2xl" i-ri-close-line />
   </button>
 
-  <AlgoliaSearchBox v-if="isAlgolia && loaded" />
+  <YunAlgoliaSearch v-if="isAlgolia" />
   <YunFuseSearch v-else-if="siteConfig.search.type === 'fuse'" :open="open" @close="open = false" />
 </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -22,6 +22,6 @@
     "valaxy-addon-waline": "0.0.9"
   },
   "devDependencies": {
-    "valaxy": "0.13.2"
+    "valaxy": "0.13.4"
   }
 }

package/valaxy.config.ts

@@ -34,7 +34,11 @@ export default defineValaxyTheme<ThemeConfig>((options) => {
       build: {
         rollupOptions: {
           // add on demand external
-          external: ['valaxy-addon-twikoo', 'valaxy-addon-waline'],
+          external: [
+            'valaxy-addon-algolia',
+            'valaxy-addon-twikoo',
+            'valaxy-addon-waline',
+          ],
         },
       },
       plugins: [ThemeVitePlugin(options)],