update gambar struk

app/Http/Controllers/TransaksiController.php

@@ -75,6 +75,7 @@ class TransaksiController extends Controller
             'kasir',
             'sales',
             'itemTransaksi.produk',
+            'itemTransaksi.produk.foto',
             'itemTransaksi' => function ($query) {
                 $query->orderBy('created_at', 'asc');
             }

resources/js/components/StrukView.vue

@@ -73,19 +73,16 @@
                 <span v-if="item.harga_deal && item.harga_deal > 0">1</span>
               </td>
               <td class="flex items-center gap-2 p-2 border-r border-D" :style="getRowStyle()">
-                <template v-if="item.produk?.foto?.[0]?.url">
-                  <img :src="item.produk.foto[0].url" :class="getImageClass()" class="object-cover rounded" />
-                </template>
-                <template v-else-if="item.produk?.nama">
-                  <div :class="getImageClass() + ' bg-gray-200 rounded flex items-center justify-center'">
-                    <span class="text-xs text-gray-500">IMG</span>
-                  </div>
-                </template>
-                <template v-else>
-                  <div :class="getImageClass()"></div>
-                </template>
-                <span :class="getTextClass()">{{ item.produk?.nama || '' }}</span>
-              </td>
+              <img 
+                :src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'" 
+                :class="getImageClass()" 
+                class="object-cover rounded" 
+              />
+
+
+              <span :class="getTextClass()">{{ item.produk?.nama || '' }}</span>
+            </td>
+
               <td class="border-r border-D">
                 <span v-if="item.produk?.nama">{{ item.posisi_asal || 'Brankas' }}</span>
               </td>
@@ -206,7 +203,7 @@ const formatDate = (dateString) => {
   const day = String(date.getDate()).padStart(2, '0')
   const month = months[date.getMonth()]
   const year = date.getFullYear()
-  return `${dayName}/${day}-${month}-${year}`
+  return `${dayName}, ${day}-${month}-${year}`
 }
 
 const itemsWithMinimal = computed(() => {