add: services warehouse & fix modal carrierInfo

src/components/VehicleInfo.vue

@@ -1,11 +1,16 @@
 <script setup>
+import { computed } from 'vue';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-    defineProps({
+    const props = defineProps({
         vehicle: {
             type: Object,
             required: true
+        },
+        driver: {
+            type: Object,
+            required: false
         }
     })
 
@@ -16,6 +21,16 @@ import { useI18n } from 'vue-i18n';
     const toogle = () => {
         isShow.value = !isShow.value;
     }
+
+    const driver = computed(() => {
+        console.log(props.driver);
+        if(props?.driver) {
+            return !props?.driver ? 'No definido'
+                : props?.driver.first_name + ' ' + props?.driver.last_name
+        } else {
+            return props.vehicle.driver.first_name + ' ' + props.vehicle.driver.last_name;            
+        }
+    });
 </script>
 
 <template>
@@ -31,7 +46,7 @@ import { useI18n } from 'vue-i18n';
             <div class="col-lg-6">
                 <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>{{ vehicle.driver.first_name + ' ' + vehicle.driver.last_name }}</span></p>
+                <p>{{ t('vehicles.assignedDriver') }}: <span>{{ driver }}</span></p>
                 <p>{{ t('global.segment') }}: <span>{{ vehicle._categories }}</span></p>
             </div>
             <div class="col-lg-6">