chore: tweak

vuepress · Nov 19, 2024 · 2fa4378 · 2fa4378
1 parent a804e57
commit 2fa4378
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/plugins/search/plugin-slimsearch/src/client/components/SearchLoading.ts b/plugins/search/plugin-slimsearch/src/client/components/SearchLoading.ts
@@ -1,10 +1,11 @@
 import type { FunctionalComponent } from 'vue'
 import { h } from 'vue'
 
-export const SearchLoading: FunctionalComponent<{ hint: string }> = ({
-  hint,
-}) =>
-  h('div', { class: 'slimsearch-result-wrapper loading' }, [
+export const SearchLoading: FunctionalComponent<{
+  hint: string
+  class?: string
+}> = ({ class: className, hint }) =>
+  h('div', { class: [className, 'loading'] }, [
     h(
       'svg',
       {

diff --git a/plugins/search/plugin-slimsearch/src/client/components/SearchModal.ts b/plugins/search/plugin-slimsearch/src/client/components/SearchModal.ts
@@ -40,7 +40,10 @@ const SearchResult = defineAsyncComponent({
   loadingComponent: () => {
     const localeConfig = useLocaleConfig(locales)
 
-    return h(SearchLoading, { hint: localeConfig.value.loading })
+    return h(SearchLoading, {
+      class: 'slimsearch-result-wrapper',
+      hint: localeConfig.value.loading,
+    })
   },
 })