🚧 Migrate to new SvelteKit routing system

A bit annoying but for the best I guess?

src/routes/+page.server.ts

@@ -0,0 +1,57 @@
+import { error } from '@sveltejs/kit'
+import type { PageServerLoad } from './$types'
+import { fetchAPI } from '$utils/api'
+import { getRandomItems } from '$utils/functions'
+
+export const load: PageServerLoad = async () => {
+    try {
+        // Get total of published photos
+        const totalRes = await fetchAPI(`
+            query {
+                photo (
+                    filter: {
+                        favorite: { _eq: true },
+                        status: { _eq: "published" },
+                    },
+                    limit: -1,
+                ) {
+                    id
+                }
+            }
+        `)
+        const { data: { photo: photosIds }} = totalRes
+
+        // Get random photos
+        const randomPhotosIds = [...getRandomItems(photosIds, 11)].map(({ id }) => id)
+
+        // Query these random photos from IDs
+        const photosRes = await fetchAPI(`
+            query {
+                photo (filter: { id: { _in: [${randomPhotosIds}] }}) {
+                    slug
+                    title
+                    city
+                    location {
+                        name
+                        slug
+                        country {
+                            slug
+                            name
+                            flag { id }
+                        }
+                    }
+                    image { id }
+                }
+            }
+        `)
+        const { data: { photo: photos }} = photosRes
+
+        if (photos) {
+            return {
+                photos,
+            }
+        }
+    } catch (err) {
+        throw error(500, err)
+    }
+}