import GetProductList from '@/graphql/productList.graphql?raw';

export const useProductList = () => {
  const { $directus } = useNuxtApp();

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

  return useAsyncData(`product-list-${locale}`, async () => {
    return await $directus.query<{ products: Product[] }>(GetProductList, {
      locale: locale,
    });
  });
};