valaxy-theme-yun 0.13.4 → 0.13.5

package/components/YunAlgoliaSearch.vue

@@ -1,9 +1,23 @@
 <script lang="ts" setup>
-import { useAddonAlgolia } from 'valaxy-addon-algolia'
+import { watch } from 'vue'
 
-const { loaded } = useAddonAlgolia()
+const props = defineProps<{
+  open: boolean
+}>()
+
+const { useAddonAlgolia } = await import('valaxy-addon-algolia')
+
+const { loaded, load, dispatchEvent } = useAddonAlgolia()
+
+watch(() => props.open, () => {
+  if (props.open)
+    load()
+
+  if (loaded)
+    dispatchEvent()
+})
 </script>
 
 <template>
-  <AlgoliaSearchBox v-if="loaded" />
+  <AlgoliaSearchBox v-if="loaded" class="hidden" />
 </template>

package/components/YunSearchBtn.vue

@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
+
+withDefaults(defineProps<{
+  open?: boolean
+}>(), {
+  open: false,
+})
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <button class="search-btn popup-trigger yun-icon-btn" :title="t('menu.search')">
+    <div v-if="!open" i-ri-search-line />
+    <div v-else text="!2xl" i-ri-close-line />
+  </button>
+</template>

package/components/YunSearchTrigger.vue

@@ -1,14 +1,12 @@
 <script lang="ts" setup>
-import { computed } from '@vue/reactivity'
 import { useSiteConfig } from 'valaxy'
-import { defineAsyncComponent, ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { computed, defineAsyncComponent, ref, watch } from 'vue'
 import { useMagicKeys } from '@vueuse/core'
 
 const siteConfig = useSiteConfig()
-const { t } = useI18n()
 
 const isAlgolia = computed(() => siteConfig.value.search.type === 'algolia')
+const isFuse = computed(() => siteConfig.value.search.type === 'fuse')
 
 const open = ref(false)
 
@@ -23,19 +21,16 @@ watch(Meta_K, (val) => {
     togglePopup()
 })
 
-const YunAlgoliaSearch = isAlgolia
+const YunAlgoliaSearch = isAlgolia.value
   ? defineAsyncComponent(() => import('./YunAlgoliaSearch.vue'))
   : () => null
 </script>
 
 <template>
-  <button class="search-btn popup-trigger yun-icon-btn" :title="t('menu.search')" @click="togglePopup">
-    <div v-if="!open" i-ri-search-line />
-    <div v-else text="!2xl" i-ri-close-line />
-  </button>
+  <YunSearchBtn :open="open && !isAlgolia" @click="togglePopup" />
 
-  <YunAlgoliaSearch v-if="isAlgolia" />
-  <YunFuseSearch v-else-if="siteConfig.search.type === 'fuse'" :open="open" @close="open = false" />
+  <YunAlgoliaSearch v-if="isAlgolia" :open="open" @close="open = false" />
+  <YunFuseSearch v-else-if="isFuse" :open="open" @close="open = false" />
 </template>
 
 <style lang="scss">

package/composables/helper.ts

@@ -15,7 +15,7 @@ export function useRandomData<T>(source: string | T[], random = false) {
     if (typeof source === 'string') {
       if (!isClient)
         return
-      rawData = await fetch(source).then(res => res.json()) as T[]
+      rawData = (await fetch(source).then(res => res.json()) as T[]) || []
     }
     else { rawData = source }
 

package/package.json

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

package/valaxy.config.ts

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