import { readItems } from '@directus/sdk';

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

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

  return useAsyncData(`product-list-${locale}`, async () => {
    return await $directus.request(
      readItems('products', {
        fields: [
          'id',
          { translations: ['id', 'name', 'summary'] },
          'cover',
          {
            product_type: [
              'id',
              {
                translations: ['id', 'name'],
              },
            ],
          },
        ],
        deep: {
          translations: {
            _filter: {
              languages_code: { _eq: locale },
            },
          },
          product_type: {
            translations: {
              _filter: {
                languages_code: { _eq: locale },
              },
            },
          },
        },
      })
    );
  });
};