zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: show search widget while loading

Browse source
This commit is contained in:
patak 2022-12-22 11:34:35 +01:00
parent fb649807b0
commit 30e9c3d773
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
composables/search.ts
View file

@ -1,20 +1,21 @@
import type { MaybeRef } from '@vueuse/core'
import type { Account, Status } from 'masto'
import type { Account, Paginator, Results, SearchParams, Status } from 'masto'
export interface UseSearchOptions {
type?: MaybeRef<'accounts' | 'hashtags' | 'statuses'>
}
export function useSearch(query: MaybeRef<string>, options?: UseSearchOptions) {
let paginator = useMasto().search({ q: unref(query), type: unref(options?.type) })
const done = ref(false)
const loading = ref(false)
const statuses = ref<Status[]>([])
const accounts = ref<Account[]>([])
const hashtags = ref<any[]>([])
let paginator: Paginator<SearchParams, Results> | undefined
debouncedWatch(() => unref(query), async () => {
if (!unref(query))
if (!unref(query) || !isMastoInitialised.value)
return
loading.value = true
@ -36,7 +37,7 @@ export function useSearch(query: MaybeRef<string>, options?: UseSearchOptions) {
}, { debounce: 500 })
const next = async () => {
if (!unref(query))
if (!unref(query) || !isMastoInitialised.value || !paginator)
return
loading.value = true