import GetProduct from '@/graphql/product.graphql?raw';

export const useProduct = (id: string) => {
  const { $directus } = useNuxtApp();

  const { getDirectusLocale } = useLocalizations();
  const locale = getDirectusLocale();

  return useAsyncData(`product-${id}-${locale}`, async () => {
    return await $directus.query<{ products_by_id: Product }>(GetProduct, {
      id: id,
      locale: locale,
    });
  });
};