import type { AsyncData, Language } from '../../runtime';
import type { IModelCard, PaginatedResponse } from '../../types';

export const useFetchTopModels = async (apiMethod: (...args: any[]) => Promise<PaginatedResponse<IModelCard>>, limit: number, eName: AsyncData | string, cacheId: string) => {
  const lang = useLang() as Language;
  const key = eName;
  const stateKey = computed(() => `data-${key}-${cacheId}-${lang}`);

  const { data, status, refresh } = await useAsyncData(
    stateKey.value,
    () => useApiFetcher<PaginatedResponse<IModelCard>>(
      stateKey.value,
      apiMethod,
      limit,
      0,
      lang,
      cacheId
    )(),
  );

  return {
    data,
    refresh,
    status,
  };
};