translations users & directory

src/views/LocationsView.vue

@@ -7,6 +7,7 @@
     import CardLocation from '../components/CardLocation.vue';
     import Pagination from '../components/Pagination.vue';
     import CustomPopup from '../components/CustomPopup.vue';
+    import { useI18n } from 'vue-i18n';
 
     const companyStore = useCompanyStore();
 
@@ -15,10 +16,12 @@
     const query = ref('');
     const locationCurrent = ref(null);
     const openModal = ref(false);
+    const { t } = useI18n();
     // const typeDirection = ref(null)
-    const typeDirection = ref({value: 'both', label: 'Ambas'})
+    const typeDirection = ref({value: 'both', label: t('labels.both')})
     const openPopup = ref(false);
 
+
     onMounted(() => {
         getInitData();
     })
@@ -105,9 +108,9 @@
     }
 
     const optionsFilter = [
-        {value: 'both',label: 'Ambas'},
-        {value: 'load',label: 'Carga'},
-        {value: 'download',label: 'Descarga'}
+        {value: 'both',label: t('labels.both')},
+        {value: 'load',label: t('labels.load')},
+        {value: 'download',label: t('labels.download')}
     ]
 
     const closePopup = () => {
@@ -134,28 +137,28 @@
             :location="locationCurrent"
             @reset-location="handleResetCurrentBudget"
         />
-        <h2 class="title">Directorio interno</h2>
+        <h2 class="title">{{ t('global.directory') }}</h2>
         <div class="box-filters">
             <div class="box-search">
-                <input class="form-control custom-search" type="search" name="" placeholder="Buscar por nombre de locación" id="" @:input="search()" v-model="query" aria-label="Search">
+                <input class="form-control custom-search" type="search" name="" :placeholder="t('directory.querySearch')" id="" @:input="search()" v-model="query" aria-label="Search">
             </div>
             <div class="box-directory"
                 @click="openPopup = true"
             >
-                <span class="clear-sm" v-if="typeDirection === null">Directorio</span>
+                <span class="clear-sm" v-if="typeDirection === null">{{ t('directory.directory') }}</span>
                 <span class="clear-sm" v-else>{{typeDirection.label}}</span>
                 <i class="fa-solid fa-filter"></i>
             </div>
             <button 
                 class="btn btn-danger bg-dark" type="button" @click="clearFilter">
                 <i class="fa-solid fa-arrow-rotate-right"></i>
-                <span class="clear-sm"> Reset</span><span class="clear-md"> filtros</span>
+                <span class="clear-sm"> Reset </span><span class="clear-md"> {{ t('labels.filters').toLocaleLowerCase() }}</span>
             </button>
             <button
                 class="btn-primary-sm radius-sm"
                 data-toggle="modal" data-target="#locationFormModal"
                 @click="handleSetCurrentLocation(null)"
-            ><i class="fa-solid fa-plus"></i> <span class="clear-sm"> Agregar</span><span class="clear-md"> locación</span></button>
+            ><i class="fa-solid fa-plus"></i> <span class="clear-sm"> {{ t('buttons.add') }}</span> <span class="clear-md"> {{ t('labels.location') }}</span></button>
         </div>
         <div v-if="loading" class="spiner-box">
             <Spiner/>

src/views/MyCompanyView.vue

@@ -30,6 +30,8 @@
         await auth.authenticationPromise;
         // await authenticationPromise;
         await company.getCompanyData();
+        console.log(company.company)
+
     }
 
 
@@ -70,7 +72,7 @@
                             {{getDateMonthDay(company.company?.createAt)}}
                         </div>
                         <div class="item-company">
-                            <span class="font-weight-bold">{{ t('labels.segmentCompany') }}: </span>
+                            <span class="font-weight-bold">{{ t('labels.segmentsCompany') }}: </span>
                             {{company.company?.categories.map((e) => e.name).join(', ')}}
                         </div>
                         <!-- <div class="item-company">

src/views/UsersView.vue

@@ -5,11 +5,12 @@
     import { useCompanyStore } from '../stores/company';
     import CreateUserModal from '../components/CreateUserModal.vue';
     import Pagination from '../components/Pagination.vue';
-import { useAuthStore } from '../stores/auth';
+    import { useAuthStore } from '../stores/auth';
+    import { useI18n } from 'vue-i18n';
 
     const companyStore = useCompanyStore();
     const authStore = useAuthStore();
-
+    const { t } = useI18n()
     onMounted(() => {
         getInitData();
     });
@@ -53,7 +54,7 @@ import { useAuthStore } from '../stores/auth';
         @reset-user="handleResetCurrentUser"
     />
     <div>
-        <h2 class="title mb-4">Usuarios</h2>
+        <h2 class="title mb-4">{{ t('global.users') }}</h2>
         <div class="btn-row mb-4">
             <button
                 v-if="authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager'"
@@ -62,7 +63,7 @@ import { useAuthStore } from '../stores/auth';
                 data-target="#userModal"
                 @click="handleSetCurrentUser(null)"
             >
-                <i class="fa-solid fa-plus"></i> Agregar usuario
+                <i class="fa-solid fa-plus"></i> {{ t('buttons.addUser') }}
             </button>
         </div>
         <Spiner v-if="loading"/>