import GetHomepage from '@/graphql/homepage.graphql?raw';

export const useHomepage = () => {
  const { $directus } = useNuxtApp();
  const { getDirectusLocale } = useLocalizations();
  const locale = getDirectusLocale();

  return useAsyncData(`homepage-${locale}`, async () => {
    return await $directus.query<{ homepage: Homepage }>(GetHomepage, {
      locale: locale,
    });
  });
};