fix: images in child items (#623)

* support parentID search

* fetch images for item children

Former-commit-id: afbc6a49ac

frontend/lib/api/classes/items.ts

@@ -22,6 +22,7 @@ export type ItemsQuery = {
   pageSize?: number;
   locations?: string[];
   labels?: string[];
+  parentIds?: string[];
   q?: string;
   fields?: string[];
 };

frontend/pages/item/[id]/index.vue

@@ -404,6 +404,23 @@
       },
     ];
   });
+
+  const items = computedAsync(async () => {
+    if (!item.value) {
+      return [];
+    }
+
+    const resp = await api.items.getAll({
+      parentIds: [item.value.id],
+    });
+
+    if (resp.error) {
+      toast.error("Failed to load items");
+      return [];
+    }
+
+    return resp.data.items;
+  });
 </script>
 
 <template>
@@ -565,8 +582,8 @@
       </div>
     </section>
 
-    <section v-if="!hasNested && item.children.length > 0" class="my-6">
-      <ItemViewSelectable :items="item.children" />
+    <section v-if="items && items.length > 0" class="my-6">
+      <ItemViewSelectable :items="items" />
     </section>
   </BaseContainer>
 </template>