add: finish translation feature

src/views/SearchLoadsView.vue

@@ -10,6 +10,7 @@
     import Cities from '../components/ui/Cities.vue';
     import MakeProposalModal from '../components/MakeProposalModal.vue';
     import Pagination from '../components/Pagination.vue';
+    import { useI18n } from 'vue-i18n';
 
     const filterQuery = ref([]);
     const query = ref('');
@@ -25,6 +26,8 @@
         getInitData();
     });
 
+    const { t } = useI18n()
+
     watch(query, () => {
         isSearch.value = true;
         setFilterUnlimited();
@@ -162,7 +165,7 @@
 </script>
 
 <template>
-    <h2 class="title mb-5">Buscar cargas</h2>
+    <h2 class="title mb-5">{{ t('loads.searchLoads') }}</h2>
     <MakeProposalModal 
         v-if="currentLoad" 
         :load="currentLoad"
@@ -171,8 +174,8 @@
 
     <div class="card-filters">
         <div class="d-flex mb-2">
-            <input class="form-control me-2" type="search" name="" placeholder="Buscar embarcador" id="" @:input="search()" v-model="query" aria-label="Search">
-            <button class="btn btn-outline-dark me-2" type="button" @click="search">Buscar</button>
+            <input class="form-control me-2" type="search" name="" :placeholder="t('shippers.searchShipper')" id="" @:input="search()" v-model="query" aria-label="Search">
+            <button class="btn btn-outline-dark me-2" type="button" @click="search">{{ t('buttons.search') }}</button>
             <button 
                 class="btn btn-danger" type="button" @click="clearFilter">
                 <i class="fa-solid fa-arrow-rotate-right"></i>

src/views/TrackingLoadView.vue

@@ -7,6 +7,7 @@
     import { GoogleMap, Marker, CustomMarker, Polyline } from 'vue3-google-map';
     import CardEmpty from '../components/CardEmpty.vue';
     import useTrackingLoad from '../composables/useTrackingLoad';
+    import { useI18n } from 'vue-i18n';
 
     const mapKey = import.meta.env.VITE_MAP_KEY;
 
@@ -31,6 +32,7 @@
         initData();
     });
 
+    const { t } = useI18n();
     const initData = async() => {
         const id = route.params['code'];
         await getLoadTracking(id)
@@ -88,7 +90,7 @@
 </script>
 
 <template>
-    <h2 class="title text-center mt-5">Seguimiento de carga</h2>
+    <h2 class="title text-center mt-5">{{ t('loads.trackingLoad') }}</h2>
     <Spiner v-if="loading"/>
     <div v-else>
         <div v-if="load">
@@ -137,7 +139,7 @@
                     />
                 </GoogleMap>
         </div>
-        <CardEmpty v-else text="No hay información disponible"/>
+        <CardEmpty v-else :text="t('loads.noInfo')"/>
     </div>
 </template>
 

src/views/TrucksPublishedView.vue

@@ -6,6 +6,7 @@
     import LoadDetailModal from '../components/LoadDetailModal.vue';
     import MakeProposalModal from '../components/MakeProposalModal.vue';
     import Pagination from '../components/Pagination.vue';
+    import { useI18n } from 'vue-i18n';
 
     const companyStore = useCompanyStore();
     const loading = ref(false);
@@ -18,6 +19,8 @@
         getInitData();
     })
 
+    const { t } = useI18n();
+
     const getInitData = async() => {
         loading.value = true;
         const filter = 'elements=' + limit + "&page=0";
@@ -46,7 +49,7 @@
         openModal.value = false;
         openModalProposal.value = false;
         proposalCurrent.value = null;
-        console.log('clear proposal');
+        // console.log('clear proposal');
     }
 </script>
 
@@ -63,7 +66,7 @@
         @reset-load="handleResetCurrentProposal"
     />
     <div>
-        <h2 class="title mb-5">Mis ofertas aceptadas</h2>
+        <h2 class="title mb-5">{{ t('proposals.title') }}</h2>
         <Spiner v-if="loading"/>
         <CardProposal 
             v-else