Peformance fixes for mod pages, Fix #52, #51

pages/mod/_id/index.vue

@@ -27,36 +27,35 @@ export default {
       )
     ).data
 
-    const members = (
-      await axios.get(
-        `https://api.modrinth.com/api/v1/team/${mod.team}/members`,
-        config
-      )
-    ).data
-    for (let i = 0; i < members.length; i++) {
-      members[i].avatar_url = (
-        await axios.get(
-          `https://api.modrinth.com/api/v1/user/${members[i].user_id}`,
+    const [members, versions, body] = (
+      await Promise.all([
+        axios.get(
+          `https://api.modrinth.com/api/v1/team/${mod.team}/members`,
           config
-        )
-      ).data.avatar_url
-    }
+        ),
+        axios.get(
+          `https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
+            mod.versions
+          )}`,
+          config
+        ),
+        axios.get(mod.body_url),
+      ])
+    ).map((it) => it.data)
 
-    const versions = (
-      await axios.get(
-        `https://api.modrinth.com/api/v1/versions?ids=${JSON.stringify(
-          mod.versions
-        )}`,
-        config
+    const users = await Promise.all(
+      members.map((it) =>
+        axios.get(`https://api.modrinth.com/api/v1/user/${it.user_id}`, config)
       )
-    ).data.reverse()
-
-    const body = (await axios.get(mod.body_url)).data
+    )
+    users.forEach(
+      (it, index) => (members[index].avatar_url = it.data.avatar_url)
+    )
 
     return {
       mod,
       body,
-      versions,
+      versions: versions.reverse(),
       members,
     }
   },