From 55d11f0b05fffa2dde3540e67541839971704e26 Mon Sep 17 00:00:00 2001
From: Katos <7927609+katosdev@users.noreply.github.com>
Date: Thu, 26 Dec 2024 16:09:00 +0000
Subject: [PATCH] Update index.vue

Update Item page to correct the JSON return for labels and add a fall back if no labels are collected.
---
 frontend/pages/item/[id]/index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
index 473072c8..576dbfb8 100644
--- a/frontend/pages/item/[id]/index.vue
+++ b/frontend/pages/item/[id]/index.vue
@@ -485,7 +485,8 @@
                 {{ item ? item.name : "" }}
               </h1>
               <div class="flex flex-wrap gap-2 pb-1">
-                <LabelChip v-for="label in item?.labels || []" :key="label.id" :label="label" size="sm" />
+                <LabelChip v-for="label in item?.labels || []" :key="label.id" :label="label.name" size="sm" />
+                <span v-if="item?.labels.length === 0" class="text-gray-500">No labels</span>
               </div>
               <div class="flex flex-wrap gap-1 text-wrap text-xs">
                 <div>