import GetSolution from '@/graphql/solution.graphql?raw';

export const useSolution = (id: string) => {
  const { $directus } = useNuxtApp();
  const { getDirectusLocale } = useLocalizations();
  const locale = getDirectusLocale();

  return useAsyncData(`solution-${id}-${locale}`, async () => {
    return await $directus.query<{ solutions_by_id: Solution }>(GetSolution, {
      id: id,
      locale: locale,
    });
  });
};