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

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

  const { data, status, error } = await useAsyncData<string[]>(
    stateKey.value,
    () => useApiFetcher<string[]>(
      stateKey.value,
      apiMethod,
      lang,
      slug.value,
      undefined
    )(),
  );

  // async function fetchData() {
  //   try {
  //     const { $features } = useNuxtApp();
  //     const slug = convertString().fromSlug(String(route.params['slug'])) || '';
  //
  //     if ($features.FetchByUrlEnabled) {
  //       return await VideosApiService.refererPhrasesByUrl(lang, slug, undefined);
  //     } else {
  //       return await VideosApiService.refererPhrasesById(lang, slug, undefined);
  //     }
  //   } catch (err) {
  //     throw createError({
  //       statusCode: 500,
  //       statusMessage: 'Error fetching video data',
  //       message: err instanceof Error ? err.message : 'An unknown error occurred',
  //     });
  //   }
  // }

  return { data, status, error };
};