Fetch all catalog edges at the same time

Author: bperel

src/stores/edgeCatalog.ts

@@ -1,7 +1,7 @@
-import { EdgeModel } from "~dm_types/EdgeModel";
 import { defineStore } from "pinia";
 
 import { api } from "~/stores/api";
+import { EdgeModel } from "~dm_types/EdgeModel";
 import { ModelSteps } from "~dm_types/ModelSteps";
 import {
   GET__edgecreator__model,
@@ -273,28 +273,29 @@ export const edgeCatalog = defineStore("edgeCatalog", () => {
                 v3: true,
               };
             } else if (withDetails) {
-              const { svgChildNodes } = await loadSvgFromString(
+              loadSvgFromString(
                 country,
                 magazine,
                 issuenumber,
                 mtime,
                 edgeStatus === "published"
-              );
-              const designers = getSvgMetadata(
-                svgChildNodes,
-                "contributor-designer"
-              );
-              const photographers = getSvgMetadata(
-                svgChildNodes,
-                "contributor-photographer"
-              );
+              ).then(({ svgChildNodes }) => {
+                const designers = getSvgMetadata(
+                  svgChildNodes,
+                  "contributor-designer"
+                );
+                const photographers = getSvgMetadata(
+                  svgChildNodes,
+                  "contributor-photographer"
+                );
 
-              newCurrentEdges[issuecode] = getEdgeFromSvg({
-                country,
-                magazine,
-                issuenumber,
-                designers,
-                photographers,
+                newCurrentEdges[issuecode] = getEdgeFromSvg({
+                  country,
+                  magazine,
+                  issuenumber,
+                  designers,
+                  photographers,
+                });
               });
             } else {
               newCurrentEdges[issuecode] = getEdgeFromSvg({