diff --git a/app/Http/Controllers/TransaksiController.php b/app/Http/Controllers/TransaksiController.php
index bdae3f3..11e47e2 100644
--- a/app/Http/Controllers/TransaksiController.php
+++ b/app/Http/Controllers/TransaksiController.php
@@ -21,7 +21,12 @@ class TransaksiController extends Controller
         }
         $transaksi = $query->get();
 
-        return response()->json($transaksi); // Ubah $mapped menjadi $transaksi jika ingin mengirim data asli
+        $transaksi->each(function ($transaksi) {
+            $transaksi->total_items = $transaksi->itemTransaksi->count();
+            $transaksi->tanggal   = $transaksi->created_at->format('d/m/Y');
+        });
+        return response()->json($transaksi); 
+        
     }
 
 
diff --git a/resources/js/components/KasirTransaksiList.vue b/resources/js/components/KasirTransaksiList.vue
index be70dd2..e5f76d4 100644
--- a/resources/js/components/KasirTransaksiList.vue
+++ b/resources/js/components/KasirTransaksiList.vue
@@ -13,7 +13,7 @@
       <tbody>
         <tr v-for="trx in props.transaksi" :key="trx.id" class="hover:bg-A">
           <td class="border border-B p-2">{{ trx.tanggal }}</td>
-          <td class="border border-B p-2">{{ trx.kode }}</td>
+          <td class="border border-B p-2">{{ trx.kode_transaksi }}</td>
           <td class="border border-B p-2">Rp{{ (trx.total_harga || 0).toLocaleString() }}</td>
           <td class="border border-B p-2 text-center">
             <button