Return two items from a Cypher query

.vscode/settings.json

@@ -2,5 +2,6 @@
   "cSpell.words": [
     "Dbclick",
     "Netlify"
-  ]
+  ],
+  "vetur.experimental.templateInterpolationService": true
 }

packages/frontend/src/components/NodeFormCard.vue

@@ -31,7 +31,7 @@
       </b-select>
     </b-field>
 
-    <b-field v-if="definition.showRelatedTo" label="Related To" style="display: flex; flex-direction: column">
+    <b-field v-if="definition && definition.showRelatedTo" label="Related To" style="display: flex; flex-direction: column">
       <div v-if="relatedToLabel" style="margin-top: -0.3em; display: flex; align-items: center; justify-content: space-between">
         <div>
           {{ relatedToLabel }}

packages/frontend/src/components/QueryCard.vue

@@ -122,17 +122,18 @@ export default createComponent({
         const nodesType = array(type);
 
         const maybeNodes: unknown[] = [];
-        for (const items of result.items) {
-          if (items.length > 1) {
-            notifier.danger('Your query was successful but should only return 1 item from your query.');
-            return;
-          }
 
+        // The query returns a arrays of arrays
+        // Each element of the array should be the same length
+        // e.g. the below query returns an array of arrays of length 2
+        // MATCH (n:ProvenanceNode) <-[:DEPENDS*]- (p:ProvenanceNode) WHERE n.definitionId = "Model" RETURN n,p;
+        for (const items of result.items) {
           if (items.length === 0) {
-            notifier.info('Your query was successful but returned nothing.');
+            notifier.info('Your query was successfull but returned nothing.');
+            return;
           }
 
-          maybeNodes.push(items[0]);
+          maybeNodes.push(...items);
         }
 
         const decodeResult = nodesType.decode(maybeNodes);