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

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

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

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