Use aggregated data from Directus to count photos on Location page

src/routes/[country]/[location]/index.svelte

@@ -210,6 +210,7 @@
                     },
                     limit: ${import.meta.env.VITE_LIST_AMOUNT},
                 ) {
+                    id
                     name
                     slug
                     description
@@ -243,24 +244,21 @@
                     date_created
                 }
 
-                total_published: photo (
+                total_published: photo_aggregated (groupBy: "location") {
-                    filter: {
+                    group
-                        status: { _eq: "published" },
+                    count { id }
-                        location: { slug: { _eq: "${location}" }}
-                    }
-                ) {
-                    id
                 }
             }
         `)
 
         const { data } = res
+        const locationPhotosCount = data.total_published.find(({ group }: any) => group.id === data.location.id)
 
         return {
             props: {
                 data: data.location[0],
                 photos: data.photos,
-                totalPhotos: data.total_published.length,
+                totalPhotos: locationPhotosCount.count.id,
                 lastUpdated: data.photos[0].date_created,
             }
         }