From 3562e31ffb074a726980ab6bd6d9fa4d6322b0a5 Mon Sep 17 00:00:00 2001
From: Alexandro Uc Santos <alexandro.us@icloud.com>
Date: Tue, 22 Jul 2025 20:06:53 -0600
Subject: [PATCH] fix: categories in vehicleInfo modal

---
 src/components/VehicleInfo.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/VehicleInfo.vue b/src/components/VehicleInfo.vue
index 6f74982..55a312c 100644
--- a/src/components/VehicleInfo.vue
+++ b/src/components/VehicleInfo.vue
@@ -14,6 +14,8 @@ import { useI18n } from 'vue-i18n';
         }
     })
 
+    console.log(props.vehicle)
+
     const { t } = useI18n()
 
     const isShow = ref(false);
@@ -23,7 +25,6 @@ import { useI18n } from 'vue-i18n';
     }
 
     const driver = computed(() => {
-        console.log(props.driver);
         if(props?.driver) {
             return !props?.driver ? 'No definido'
                 : props?.driver.first_name + ' ' + props?.driver.last_name
@@ -47,7 +48,7 @@ import { useI18n } from 'vue-i18n';
                 <p>{{ t('labels.codeId') }}: <span>{{ vehicle.vehicle_code.toUpperCase() }}</span></p>
                 <p>{{ t('directory.typeTruck') }}: <span>{{ vehicle.truck_type }}</span></p>
                 <p>{{ t('vehicles.assignedDriver') }}: <span>{{ driver }}</span></p>
-                <p>{{ t('global.segment') }}: <span>{{ vehicle._categories }}</span></p>
+                <p>{{ t('global.segment') }}: <span>{{ vehicle.categories?.map((e) => e.name)?.join(', ') }}</span></p>
             </div>
             <div class="col-lg-6">
                 <p>{{ t('vehicles.truckPlates') }}: <span>{{ vehicle.circulation_serial_number }}</span></p>