@@ -77,27 +77,27 @@ watch(searchText, async () => {
7777 <div class =" flex-1" >
7878 <section class =" bg-white p-10 flex flex-col md:flex-row gap-8 md:gap-16" >
7979 <div class =" w-[100%] md:max-w-[300px]" >
80- <NuxtImg :src =" deviceKindMeta.mainImage" class =" border-[1px] border-gray-200" />
80+ <NuxtImg :src =" deviceKindMeta? .mainImage" class =" border-[1px] border-gray-200" />
8181 <div class =" grid grid-cols-4 gap-2 mt-5" >
8282 <NuxtImg
83- v-for =" img in deviceKindMeta.subImages" :key =" img" :src =" img"
83+ v-for =" img in deviceKindMeta? .subImages" :key =" img" :src =" img"
8484 class =" border-[1px] border-gray-200" />
8585 </div >
8686 </div >
8787 <div class =" flex-1 flex flex-col" >
8888 <div class =" text-normal md:text-sm" >
89- <h2 class =" text-lg mb-3" >{{ deviceKindMeta.name }}</h2 >
89+ <h2 class =" text-lg mb-3" >{{ deviceKindMeta? .name }}</h2 >
9090 <div class =" grid grid-cols-2 mb-1" >
9191 <p class =" font-bold text-slate-dark" >Phân loại</p >
92- <p >{{ deviceKindMeta.categoryName }}</p >
92+ <p >{{ deviceKindMeta? .categoryName }}</p >
9393 </div >
9494 <div class =" grid grid-cols-2 mb-1" >
9595 <p class =" font-bold text-slate-dark" >Thương hiệu</p >
96- <p >{{ deviceKindMeta.brand || 'Không rõ' }}</p >
96+ <p >{{ deviceKindMeta? .brand || 'Không rõ' }}</p >
9797 </div >
9898 <div class =" mt-8 font-semibold" >
9999 <span
100- v-if =" deviceKindMeta.borrowableQuantity > 0"
100+ v-if =" deviceKindMeta? .borrowableQuantity > 0"
101101 class =" border-[1px] border-safe-darker bg-green-50 text-green-500 p-1.5 rounded-sm" >
102102 Sẵn có
103103 </span >
@@ -107,7 +107,7 @@ watch(searchText, async () => {
107107 </div >
108108 <div class =" mt-10 mb-10" >
109109 <h3 class =" font-bold text-slate-dark" >Mô tả thiết bị</h3 >
110- <p class =" mt-2 overflow-auto" >{{ deviceKindMeta.description }}</p >
110+ <p class =" mt-2 overflow-auto" >{{ deviceKindMeta? .description }}</p >
111111 </div >
112112 </div >
113113 <button
0 commit comments