import type { Language } from '../../runtime';
import { AsyncData } from '../../runtime';
import type { ICategoryCard } from '../../types';

export const useFetchCategoriesByLetter = async (
  apiMethod: (...args: any[]) => Promise<Array<ICategoryCard>>
) => {
  const key = AsyncData.CategoriesByLetter;
  const lang = useLang() as Language;
  const slug = useSlug();
  const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);

  const { data, status, error } = await useAsyncData<Array<ICategoryCard>>(
    stateKey.value,
    () => useApiFetcher<Array<ICategoryCard>>(
      stateKey.value,
      apiMethod,
      lang,
      slug.value,
    )()
  );

  return { data, status, error };
};