Function useAutocomplete

apps/wallet/src/composables/autocomplete.composable.ts:7–39

(fetchCall: (search: string) => Promise<T[]>)

import { debounce } from '~/utils/helper.utils';

export const useAutocomplete = <T>(fetchCall: (search: string) => Promise<T[]>) => {
  const search = ref<string>('');
  const loading = ref<boolean>(false);
  const results: Ref<T[]> = ref([]);

  const triggerSearch = debounce(async () => {
    try {
      loading.value = true;
      const fetchResults = await fetchCall(search.value);

      results.value = fetchResults;
    } catch (err) {
      logger.error(`Failed to search`, { err });

      results.value = [];
    } finally {
      loading.value = false;
    }
  }, 500);

  const searchItems = async (searchTerm?: string): Promise<void> => {
    search.value = searchTerm || '';

    return triggerSearch();
  };

  return {
    search,
    loading,
    results,
    searchItems,
  };
};

export const useUserGroupsAutocomplete = () => {
  const station = useStationStore();