cypress/support/commands.js

@@ -27,12 +27,15 @@ import { i18n } from 'src/boot/i18n';
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
 import { createTestingPinia } from '@pinia/testing';
+import { shallowMount } from '@vue/test-utils';
 const pinia = createTestingPinia({ createSpy: () => {}, stubActions: false });
 
 Cypress.Commands.add('vnMount', (component, options = {}) => {
     const globalConfig = {
         global: {
+            stubs: ['router-view', 'vue-i18n'],
             plugins: [Quasar, i18n, pinia],
+            mocks: { t: (key) => key },
         },
     };
     // options.global = options.global || {};
@@ -50,6 +53,5 @@ Cypress.Commands.add('vnMount', (component, options = {}) => {
     //         app.use(i18n);
     //     },
     // });
-    console.info(globalConfig);
-    return mount(component, { ...globalConfig, ...options });
+    return shallowMount(component, { ...globalConfig, ...options });
 });

src/components/CreateBankEntityForm.vue

@@ -2,7 +2,6 @@
 import { reactive, ref, onMounted, nextTick, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnInput from 'src/components/common/VnInput.vue';
-
 import VnSelect from 'src/components/common/VnSelect.vue';
 import FetchData from 'src/components/FetchData.vue';
 import VnRow from 'src/components/ui/VnRow.vue';
@@ -21,7 +20,7 @@ const customer = computed(() => state.get('customer'));
 const bankEntityFormData = reactive({
     name: null,
     bic: null,
-    countryFk: customer.value.countryFk,
+    countryFk: customer?.value?.countryFk,
     id: null,
 });
 
@@ -37,7 +36,7 @@ const onDataSaved = (formData, requestResponse) => {
 
 onMounted(async () => {
     await nextTick();
-    bicInputRef.value.focus();
+    bicInputRef?.value?.focus();
 });
 </script>
 
@@ -98,7 +97,7 @@ onMounted(async () => {
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     title: New bank entity
     subtitle: Please, ensure you put the correct data!

src/components/CreateManualInvoiceForm.vue

@@ -141,7 +141,7 @@ const onDataSaved = async (formData, requestResponse) => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Create manual invoice: Crear factura manual
     Ticket: Ticket

src/components/CreateNewCityForm.vue

@@ -51,7 +51,7 @@ const onDataSaved = (...args) => {
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     New city: Nueva ciudad
     Please, ensure you put the correct data!: ¡Por favor, asegúrese de poner los datos correctos!

src/components/CreateNewExpenseForm.vue

@@ -43,7 +43,7 @@ const { t } = useI18n();
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     New expense: Nuevo gasto
     It's a withholding: Es una retención

src/components/CreateNewPostcodeForm.vue

@@ -2,5 +2,4 @@
 
 <template><h1></h1></template>
 
-<i18n>
-</i18n>
+<i18n lang="yml"></i18n>

src/components/CreateNewProvinceForm.vue

@@ -71,7 +71,7 @@ const onDataSaved = (dataSaved, requestResponse) => {
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     New province: Nueva provincia
     Please, ensure you put the correct data!: ¡Por favor, asegúrese de poner los datos correctos!

src/components/CreateThermographForm.vue

@@ -95,7 +95,7 @@ const onDataSaved = (dataSaved) => {
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Identifier: Identificador
     Model: Modelo

src/components/CrudModel.vue

@@ -5,7 +5,7 @@ import { useRouter, onBeforeRouteLeave } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useQuasar } from 'quasar';
 import { useValidator } from 'src/composables/useValidator';
-import { useStateStore } from 'stores/useStateStore';
+import { useStateStore } from 'src/stores/useStateStore';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
 import SkeletonTable from 'src/components/ui/SkeletonTable.vue';

src/components/EditPictureForm.vue

@@ -336,7 +336,7 @@ const makeRequest = async () => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Edit photo: Editar foto
     Select from computer: Seleccionar desde ordenador

src/components/EditTableCellValueForm.vue

@@ -142,7 +142,7 @@ const closeForm = () => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Edit: Editar
     buy(s): compra(s)

src/components/FilterItemForm.vue

@@ -208,7 +208,7 @@ const selectItem = ({ id }) => {
     </QForm>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Filter item: Filtrar artículo
     Enter a new search: Introduce una nueva búsqueda

src/components/FilterTravelForm.vue

@@ -207,7 +207,7 @@ const selectTravel = ({ id }) => {
     </QForm>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Filter travels: Filtro envíos
     Enter a new search: Introduce una nueva búsqueda

src/components/FormModel.vue

@@ -302,7 +302,7 @@ defineExpose({
     <Teleport
         to="#st-actions"
         v-if="
-            $props.defaultActions &&
+            $props?.defaultActions &&
             stateStore?.isSubToolbarShown() &&
             componentIsRendered
         "

src/components/ItemsFilterPanel.vue

@@ -336,7 +336,7 @@ const removeTag = (index, params, search) => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 en:
     params:
         supplier: Supplier

src/components/NavBar.vue

@@ -105,7 +105,7 @@ const pinnedModulesRef = ref();
     background-color: var(--vn-section-color);
 }
 </style>
-<i18n>
+<i18n lang="yml">
 en:
     Go to Salix: Go to Salix
 es:

src/components/PinnedModules.vue

@@ -78,7 +78,7 @@ async function redirect() {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 en:
     Home: Home
 es:

src/components/RefundInvoiceForm.vue

@@ -150,7 +150,7 @@ const refund = async () => {
     </QDialog>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     Refund invoice: Refund invoice
     Rectificative type: Rectificative type

src/components/RegularizeStockForm.vue

@@ -73,7 +73,7 @@ const onDataSaved = (data) => {
     </FormModelPopup>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Warehouse: Almacén
     Type the visible quantity: Introduce la cantidad visible

src/components/TransferInvoiceForm.vue

@@ -205,7 +205,7 @@ const makeInvoice = async () => {
     </QDialog>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     checkInfo: New tickets from the destination customer will be generated in the consignee by default.
     transferInvoiceInfo: Destination customer is marked to bill in the consignee

src/components/VnSelectProvince.vue

@@ -53,7 +53,7 @@ async function onProvinceCreated(_, data) {
         </template>
     </VnSelectDialog>
 </template>
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Province: Provincia
 </i18n>

src/components/VnTable/VnTable.vue

@@ -703,7 +703,7 @@ function handleOnDataSaved(_) {
         </FormModelPopup>
     </QDialog>
 </template>
-<i18n>
+<i18n lang="yml">
 en:
     status: Status
     table view: Table view

src/components/VnTable/VnVisibleColumn.vue

@@ -181,8 +181,8 @@ onMounted(async () => {
 }
 </style>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Check the columns you want to see: Marca las columnas que quieres ver
     Visible columns: Columnas visibles
     Tick all: Marcar todas

src/components/common/SendEmailDialog.vue

@@ -78,8 +78,8 @@ async function confirm() {
 }
 </style>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Send email notification: Enviar notificación por correo
     The notification will be sent to the following address: La notificación se enviará a la siguiente dirección
 </i18n>

src/components/common/SendSmsDialog.vue

@@ -144,7 +144,7 @@ const onSubmit = async () => {
     max-width: 450px;
 }
 </style>
-<i18n>
+<i18n lang="yml">
 es:
     Message: Mensaje
     Send: Enviar

src/components/common/TableVisibleColumns.vue

@@ -191,8 +191,8 @@ onMounted(async () => {
 }
 </style>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Check the columns you want to see: Marca las columnas que quieres ver
     Visible columns: Columnas visibles
 </i18n>

src/components/common/VnDms.vue

@@ -195,7 +195,7 @@ function addDefaultData(data) {
     row-gap: 20px;
 }
 </style>
-<i18n>
+<i18n lang="yml">
 en:
     contentTypesInfo: Allowed file types {allowedContentTypes}
     EntryDmsDescription: Reference {reference}
@@ -207,5 +207,4 @@ es:
     EntryDmsDescription: Referencia {reference}
     WorkersDescription: Laboral del empleado {reference}
     SupplierDmsDescription: Referencia {reference}
-
 </i18n>

src/components/common/VnDmsList.vue

@@ -419,7 +419,7 @@ defineExpose({
     color: var(--vn-label-color);
 }
 </style>
-<i18n>
+<i18n lang="yml">
 en:
     contentTypesInfo: Allowed file types {allowedContentTypes}
     The documentation is available in paper form: The documentation is available in paper form

src/components/common/VnInput.vue

@@ -117,11 +117,11 @@ const mixinRules = [
         </QInput>
     </div>
 </template>
-<i18n>
-    en:
+<i18n lang="yml">
+en:
     inputMin: Must be more than {value}
     inputMax: Must be less than {value}
-    es:
+es:
     inputMin: Debe ser mayor a {value}
     inputMax: Debe ser menor a {value}
 </i18n>

src/components/common/VnInputDate.vue

@@ -159,7 +159,7 @@ const styleAttrs = computed(() => {
     border-style: solid;
 }
 </style>
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Open date: Abrir fecha
 </i18n>

src/components/common/VnInputTime.vue

@@ -131,7 +131,7 @@ function dateToTime(newDate) {
     display: none;
 }
 </style>
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Open time: Abrir tiempo
 </i18n>

src/components/common/VnLocation.vue

@@ -72,5 +72,4 @@ const handleModelValue = (data) => {
 }
 </style>
 
-<i18n>
-</i18n>
+<i18n lang="yml"></i18n>

src/components/common/VnLog.vue

@@ -1039,7 +1039,7 @@ watch(
     }
 }
 </style>
-<i18n>
+<i18n lang="yml">
 en:
     to: To
     pointRecord: View record at this point in time

src/components/common/VnLogFilter.vue

@@ -62,7 +62,7 @@ const workers = ref();
     </VnFilterPanel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     params:
         search: Contains

src/components/common/VnProgressModal.vue

@@ -89,7 +89,7 @@ const cancel = () => {
     </QDialog>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Progress: Progreso
     Total progress: Progreso total

src/components/common/VnSmsDialog.vue

@@ -176,7 +176,7 @@ async function send() {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 en:
     templates:
         pendingPayment: 'Your order is pending of payment.
@@ -218,7 +218,8 @@ fr:
     Message: Message
     messageTooltip: Les caractères spéciaux comme les accents comptent comme plusieurs
     templates:
-        pendingPayment: 'Verdnatura : Commande en attente de règlement. Veuillez régler votre commande avant 9h.
+        pendingPayment:
+            'Verdnatura : Commande en attente de règlement. Veuillez régler votre commande avant 9h.
             Sinon elle sera décalée en fonction de vos jours de livraison . Merci'
         minAmount: 'Verdnatura vous rappelle :
             Montant minimum nécessaire de 50 euros pour recevoir la commande { orderId } livraison { landing }.

src/components/common/vnDiscount.vue

@@ -127,7 +127,7 @@ function cancel({ cancel }) {
     </QPopupEdit>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     New amount: Nuevo importe
     Update discount: Actualizar descuento

src/components/ui/CardList.vue

@@ -124,7 +124,7 @@ const toggleCardCheck = (item) => {
 }
 </style>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     ID: ID
 </i18n>

src/components/ui/CardSummary.vue

@@ -207,6 +207,8 @@ function existSummary(routes) {
 }
 </style>
 <style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
 .summaryHeader .vn-label-value {
     display: flex;
     flex-direction: row;

src/components/ui/CatalogItem.vue

@@ -101,6 +101,8 @@ const dialog = ref(null);
 }
 </style>
 <style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
 .container {
     max-width: 448px;
     width: 100%;
@@ -179,7 +181,7 @@ const dialog = ref(null);
     }
 }
 </style>
-<i18n>
+<i18n lang="yml">
 es:
     to: to
     price-kg: Precio por Kg

src/components/ui/FetchedTags.vue

@@ -46,6 +46,8 @@ const tags = computed(() => {
 </template>
 
 <style lang="scss" scoped>
+@import 'src/css/quasar.variables.scss';
+
 .fetchedTags {
     align-items: center;
     .wrap {

src/components/ui/VnConfirm.vue

@@ -102,7 +102,7 @@ async function confirm() {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Confirm: Confirmar
     Are you sure you want to continue?: ¿Seguro que quieres continuar?

src/components/ui/VnFilterPanel.vue

@@ -286,7 +286,7 @@ function sanitizer(params) {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     No filters applied: No se han aplicado filtros
     Applied filters: Filtros aplicados

src/components/ui/VnNotes.vue

@@ -151,10 +151,9 @@ onBeforeRouteLeave((to, from, next) => {
     background-color: $primary;
 }
 </style>
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Add note here...: Añadir nota aquí...
     New note: Nueva nota
     Save (Enter): Guardar (Intro)
-
 </i18n>

src/components/ui/VnPaginate.vue

@@ -247,7 +247,7 @@ defineExpose({ fetch, addFilter, paginate });
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     No data to display: Sin datos que mostrar
     No results found: No se han encontrado resultados

src/pages/Account/AccountAccounts.vue

@@ -95,7 +95,7 @@ const onSynchronizeRoles = async () => {
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Roles synchronized!: ¡Roles sincronizados!
     Synchronizing in the background: Sincronizando en segundo plano

src/pages/Account/AccountAcls.vue

@@ -150,7 +150,7 @@ const deleteAcl = async ({ id }) => {
     />
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     New ACL: Nuevo ACL
     ACL removed: ACL eliminado

src/pages/Account/AccountAliasList.vue

@@ -74,8 +74,8 @@ const columns = computed(() => [
     />
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Id: Id
     Alias: Alias
     Description: Descripción

src/pages/Account/AccountConnections.vue

@@ -102,7 +102,7 @@ const killSession = async ({ userId, created }) => {
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Session killed: Sesión matada
     Session will be killed: Se va a matar la sesión

src/pages/Account/AccountLdap.vue

@@ -156,7 +156,7 @@ onMounted(async () => await getInitialLdapConfig());
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     LDAP connection established!: ¡Conexión con LDAP establecida!
 </i18n>

src/pages/Account/AccountList.vue

@@ -118,8 +118,8 @@ const exprBuilder = (param, value) => {
     />
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Id: Id
     Nickname: Nickname
     Name: Nombre

src/pages/Account/AccountSamba.vue

@@ -176,7 +176,7 @@ onMounted(async () => await getInitialSambaConfig());
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Samba connection established!: ¡Conexión con LDAP establecida!
 </i18n>

src/pages/Account/Alias/AliasCreateForm.vue

@@ -51,7 +51,7 @@ const onDataSaved = ({ id }) => {
     </FormModelPopup>
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Create alias: Crear alias
 </i18n>

src/pages/Account/Alias/Card/AliasDescriptor.vue

@@ -76,10 +76,10 @@ const removeAlias = () => {
     </CardDescriptor>
 </template>
 
-<i18n>
-    en:
+<i18n lang="yml">
+en:
     accountRate: Claming rate
-    es:
+es:
     accountRate: Ratio de reclamación
     Delete: Eliminar
     Alias will be removed: El alias será eliminado

src/pages/Account/Alias/Card/AliasUsers.vue

@@ -113,7 +113,7 @@ const fetchAliases = () => paginateRef.value.fetch();
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     User will be removed from alias: El usuario será borrado del alias
     Are you sure you want to continue?: ¿Seguro que quieres continuar?

src/pages/Account/Card/AccountDescriptor.vue

@@ -108,9 +108,9 @@ const hasAccount = ref(false);
     margin-top: 0;
 }
 </style>
-<i18n>
-    en:
+<i18n lang="yml">
+en:
     accountRate: Claming rate
-    es:
+es:
     accountRate: Ratio de reclamación
 </i18n>

src/pages/Account/Card/AccountMailAlias.vue

@@ -182,7 +182,7 @@ onMounted(async () => await getAccountData(false));
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Unsubscribed from alias!: ¡Desuscrito del alias!
     Subscribed to alias!: ¡Suscrito al alias!

src/pages/Account/InheritedRoles.vue

@@ -88,7 +88,7 @@ const redirectToRoleSummary = (id) =>
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Role removed. Changes will take a while to fully propagate.: Rol eliminado. Los cambios tardaran un tiempo en propagarse completamente.
     Role added! Changes will take a while to fully propagate.: ¡Rol añadido! Los cambios tardaran un tiempo en propagarse completamente.

src/pages/Account/Role/AccountRoles.vue

@@ -107,8 +107,8 @@ const exprBuilder = (param, value) => {
     />
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Id: Id
     Description: Descripción
     Name: Nombre

src/pages/Account/Role/Card/InheritedRoles.vue

@@ -87,7 +87,7 @@ const redirectToRoleSummary = (id) =>
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Role removed. Changes will take a while to fully propagate.: Rol eliminado. Los cambios tardaran un tiempo en propagarse completamente.
     Role added! Changes will take a while to fully propagate.: ¡Rol añadido! Los cambios tardaran un tiempo en propagarse completamente.

src/pages/Account/Role/Card/RoleDescriptor.vue

@@ -67,9 +67,9 @@ const removeRole = async () => {
     margin-top: 0;
 }
 </style>
-<i18n>
-    en:
+<i18n lang="yml">
+en:
     accountRate: Claming rate
-    es:
+es:
     accountRate: Ratio de reclamación
 </i18n>

src/pages/Account/Role/Card/RoleForm.vue

@@ -37,7 +37,7 @@ const { t } = useI18n();
     </FormModelPopup>
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Create role: Crear role
 </i18n>

src/pages/Account/Role/Card/SubRoles.vue

@@ -155,7 +155,7 @@ const redirectToRoleSummary = (id) =>
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Role removed. Changes will take a while to fully propagate.: Rol eliminado. Los cambios tardaran un tiempo en propagarse completamente.
     Role added! Changes will take a while to fully propagate.: ¡Rol añadido! Los cambios tardaran un tiempo en propagarse completamente.

src/pages/Claim/Card/ClaimAction.vue

@@ -469,7 +469,7 @@ async function post(query, params) {
     float: inline-start;
 }
 </style>
-<i18n>
+<i18n lang="yml">
 en:
     mana: Is paid with mana
     dialog title: Change destination to all selected rows

src/pages/Claim/Card/ClaimDescriptor.vue

@@ -164,9 +164,9 @@ onMounted(async () => {
     margin-top: 0;
 }
 </style>
-<i18n>
-    en:
+<i18n lang="yml">
+en:
     claimRate: Claming rate
-    es:
+es:
     claimRate: Ratio de reclamación
 </i18n>

src/pages/Claim/Card/ClaimDescriptorMenu.vue

@@ -108,23 +108,25 @@ async function remove() {
     </QItem>
 </template>
 
-<i18n>
+<i18n lang="yml">
 {
-    "en": {
-        "pickupOrder": "Pickup order",
-        "openPickupOrder": "Open pickup order",
-        "sendPickupOrder": "Send pickup order",
-        "deleteClaim": "Delete claim",
-        "confirmDeletion": "Confirm deletion",
-        "confirmDeletionMessage": "Are you sure you want to delete this claim?"
+    'en':
+        {
+            'pickupOrder': 'Pickup order',
+            'openPickupOrder': 'Open pickup order',
+            'sendPickupOrder': 'Send pickup order',
+            'deleteClaim': 'Delete claim',
+            'confirmDeletion': 'Confirm deletion',
+            'confirmDeletionMessage': 'Are you sure you want to delete this claim?',
+        },
+    'es':
+        {
+            'pickupOrder': 'Orden de recogida',
+            'openPickupOrder': 'Abrir orden de recogida',
+            'sendPickupOrder': 'Enviar orden de recogida',
+            'deleteClaim': 'Eliminar reclamación',
+            'confirmDeletion': 'Confirmar eliminación',
+            'confirmDeletionMessage': 'Seguro que quieres eliminar esta reclamación?',
         },
-    "es": {
-        "pickupOrder": "Orden de recogida",
-        "openPickupOrder": "Abrir orden de recogida",
-        "sendPickupOrder": "Enviar orden de recogida",
-        "deleteClaim": "Eliminar reclamación",
-        "confirmDeletion": "Confirmar eliminación",
-        "confirmDeletionMessage": "Seguro que quieres eliminar esta reclamación?"
-    }
 }
 </i18n>

src/pages/Claim/Card/ClaimDevelopment.vue

@@ -245,7 +245,7 @@ const columns = computed(() => [
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Reason: Motivo
     Result: Consecuencia

src/pages/Claim/Card/ClaimLines.vue

@@ -332,7 +332,7 @@ async function saveWhenHasChanges() {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 en:
     You are about to remove {count} rows: '
         You are about to remove <strong>{count}</strong> row |

src/pages/Claim/Card/ClaimLinesImport.vue

@@ -155,7 +155,7 @@ function cancel() {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Available sales lines: Líneas de venta disponibles
     Delivered: Entrega

src/pages/Claim/Card/ClaimPhoto.vue

@@ -352,7 +352,7 @@ function onDrag() {
 }
 </style>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     This file will be deleted: Este archivo va a ser borrado
 </i18n>

src/pages/Claim/ClaimFilter.vue

@@ -140,7 +140,7 @@ defineExpose({ states });
     </VnFilterPanel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     params:
         search: Contains

src/pages/Claim/ClaimList.vue

@@ -150,7 +150,7 @@ const STATE_COLOR = {
     </VnTable>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Search claim: Buscar reclamación
     You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente

src/pages/Customer/Card/CustomerAddress.vue

@@ -246,7 +246,7 @@ const toCustomerAddressEdit = (addressId) => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Is equalizated: Recargo de equivalencia
     Is logiflora allowed: Compra directa en Holanda

src/pages/Customer/Card/CustomerBalance.vue

@@ -281,7 +281,7 @@ const showBalancePdf = ({ id }) => {
     </QPageSticky>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     bill: 'N/INV {ref}'
 es:

src/pages/Customer/Card/CustomerBasicData.vue

@@ -164,7 +164,7 @@ const title = ref();
     </FormModel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     In case of a company succession, specify the grantor company: En el caso de que haya habido una sucesión de empresa, indicar la empresa cedente
     Comercial name: Nombre comercial

src/pages/Customer/Card/CustomerBillingData.vue

@@ -94,7 +94,7 @@ const getBankEntities = (data, formData) => {
     </FormModel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Billing data: Forma de pago
     Due day: Vencimiento

src/pages/Customer/Card/CustomerConsumption.vue

@@ -234,7 +234,7 @@ const sendCampaignMetricsEmail = ({ address }) => {
     </VnTable>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Enter a new search: Introduce una nueva búsqueda
     Group by items: Agrupar por artículos

src/pages/Customer/Card/CustomerContacts.vue

@@ -76,7 +76,7 @@ const customerContactsRef = ref(null);
     </div>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Name: Nombre
     Phone: Teléfono

src/pages/Customer/Card/CustomerCreditContracts.vue

@@ -222,7 +222,7 @@ const updateData = () => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Close contract: Cerrar contrato
     Since: Desde

src/pages/Customer/Card/CustomerCreditOpinion.vue

@@ -111,7 +111,7 @@ const columns = computed(() => [
         </QTable> -->
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Recommended credit: Crédito recomendado
     Since: Desde

src/pages/Customer/Card/CustomerCredits.vue

@@ -83,7 +83,7 @@ const columns = computed(() => [
         </template>
     </VnTable>
 </template>
-<i18n>
+<i18n lang="yml">
 es:
     Since: Desde
     Employee: Empleado

src/pages/Customer/Card/CustomerDescriptor.vue

@@ -195,7 +195,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
     </CardDescriptor>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     unpaidDated: 'Date {dated}'
     unpaidAmount: 'Amount {amount}'

src/pages/Customer/Card/CustomerDescriptorMenu.vue

@@ -76,7 +76,7 @@ const openOrderCreateForm = () => {
     </QItem>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Simple ticket: Ticket simple
     Send SMS: Enviar SMS

src/pages/Customer/Card/CustomerFileManagement.vue

@@ -245,7 +245,7 @@ const toCustomerFileManagementCreate = () => {
     </QPageSticky>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Id: Id
     Type: Tipo

src/pages/Customer/Card/CustomerFiscalData.vue

@@ -148,7 +148,7 @@ function handleLocation(data, location) {
     </FormModel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Social name: Razón social
     Tax number: NIF / CIF

src/pages/Customer/Card/CustomerGreuges.vue

@@ -133,7 +133,7 @@ const columns = computed(() => [
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Total: Total
     Date: Fecha

src/pages/Customer/Card/CustomerMandates.vue

@@ -74,7 +74,7 @@ const columns = computed(() => [
     </QPage>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Register date: Fecha alta
     End date: Fecha baja

src/pages/Customer/Card/CustomerRecoveries.vue

@@ -100,7 +100,7 @@ function setFinished(id) {
     />
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Period: Periodo
     New recovery: Nuevo recobro

src/pages/Customer/Card/CustomerSamples.vue

@@ -112,7 +112,7 @@ const tableRef = ref();
     </QPageSticky>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Sent: Enviado
     Description: Descripción

src/pages/Customer/Card/CustomerSummary.vue

@@ -316,7 +316,7 @@ const sumRisk = ({ clientRisks }) => {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 en:
     valueInfo: Value from {min} to {max}. The higher the better value
 es:

src/pages/Customer/Card/CustomerUnpaid.vue

@@ -162,7 +162,7 @@ watch(
     </div>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Unpaid client: Cliente impagado
     Date: Fecha

src/pages/Customer/Card/CustomerWebAccess.vue

@@ -79,7 +79,7 @@ async function hasCustomerRole() {
     </FormModel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     Enable web access: Habilitar acceso web
     User: Usuario

src/pages/Customer/Card/CustomerWebPayment.vue

@@ -157,7 +157,7 @@ const refreshData = () => {
     </div>
 </template>
 
-<i18n>
+<i18n lang="yml">
 es:
     State: Estado
     Id: Id

src/pages/Customer/CustomerCreate.vue

@@ -128,7 +128,7 @@ function handleLocation(data, location) {
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Comercial name: Nombre comercial
     Salesperson: Comercial

src/pages/Customer/CustomerFilter.vue

@@ -169,7 +169,7 @@ const zones = ref();
     </VnFilterPanel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     params:
         search: Contains

src/pages/Customer/CustomerList.vue

@@ -467,7 +467,7 @@ function handleLocation(data, location) {
         </template>
     </VnTable>
 </template>
-<i18n>
+<i18n lang="yml">
 es:
     Web user: Usuario Web
 </i18n>

src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue

@@ -44,7 +44,7 @@ const { t } = useI18n();
 }
 </style>
 
-<i18n>
+<i18n lang="yml">
 es:
     Total: Total
     Balance due: Saldo vencido

src/pages/Customer/Defaulter/CustomerDefaulter.vue

@@ -258,7 +258,7 @@ function exprBuilder(param, value) {
         </template>
     </VnTable>
 </template>
-<i18n>
+<i18n lang="yml">
 es:
     Add observation: Añadir observación
     Client: Cliente

src/pages/Customer/Defaulter/CustomerDefaulterAddObservation.vue

@@ -88,8 +88,8 @@ const onSubmit = async () => {
     </QDialog>
 </template>
 
-<i18n>
-    es:
+<i18n lang="yml">
+es:
     Add observation to all selected clients: Añadir observación a { numberClients } cliente(s) seleccionado(s)
     Message: Mensaje
 </i18n>

src/pages/Customer/Defaulter/CustomerDefaulterFilter.vue

@@ -215,7 +215,7 @@ const departments = ref();
     </VnFilterPanel>
 </template>
 
-<i18n>
+<i18n lang="yml">
 en:
     params:
         clientFk: Client