Add next and back buttons custom labels

src/components/ui/VnConfirm.vue

@@ -105,23 +105,18 @@ async function confirm() {
 
 <i18n lang="yaml">
 en-US:
-    confirm: Confirm
     wantToContinue: Are you sure you want to continue?
     cancel: Cancel
 es-ES:
-    confirm: Confirmar
     wantToContinue: ¿Seguro que quieres continuar?
     cancel: Cancelar
 ca-ES:
-    confirm: Confirmar
     wantToContinue: Segur que vols continuar?
     cancel: Cancel·lar
 fr-FR:
-    confirm: Confirmer
     wantToContinue: Êtes-vous sûr de vouloir continuer?
     cancel: Annuler
 pt-PT:
-    confirm: Confirme
     wantToContinue: Tem a certeza de que deseja continuar?
     cancel: Cancelar
 </i18n>

src/i18n/ca-ES/index.js

@@ -68,5 +68,6 @@ export default {
     next: 'Següent',
     remove: 'Esborrar',
     agency: 'Agència',
-    noData: 'Sense dades'
+    noData: 'Sense dades',
+    confirm: 'Confirmar'
 };

src/i18n/en-US/index.js

@@ -81,6 +81,7 @@ export default {
     remove: 'Remove',
     agency: 'Agency',
     noData: 'No data',
+    confirm: 'Confirm',
 
     orders: 'Orders',
     order: 'Pending order',

src/i18n/es-ES/index.js

@@ -88,6 +88,7 @@ export default {
     remove: 'Borrar',
     agency: 'Agencia',
     noData: 'Sin datos',
+    confirm: 'Confirmar',
 
     orders: 'Pedidos',
     order: 'Pedido pendiente',

src/i18n/fr-FR/index.js

@@ -68,5 +68,6 @@ export default {
     next: 'Suivant',
     remove: 'Effacer',
     agency: 'Agence',
-    noData: 'Aucune donnée'
+    noData: 'Aucune donnée',
+    confirm: 'Confirmer'
 };

src/i18n/pt-PT/index.js

@@ -68,5 +68,6 @@ export default {
     next: 'Seguinte',
     remove: 'Eliminar',
     agency: 'Agência',
-    noData: 'Sem dados'
+    noData: 'Sem dados',
+    confirm: 'Confirme'
 };

src/pages/Ecomerce/CheckoutView.vue

@@ -61,6 +61,7 @@ const steps = {
         },
         {
             name: 'confirm',
+            nextButtonLabel: t('confirm'),
             onBeforeNextStep: async () => {
                 await submit();
             }
@@ -91,6 +92,7 @@ const steps = {
         },
         {
             name: 'confirm',
+            nextButtonLabel: t('confirm'),
             onBeforeNextStep: async () => {
                 await submit();
             }
@@ -445,14 +447,14 @@ onMounted(async () => {
                         flat
                         color="primary"
                         @click="onPreviousStep(stepIndex)"
-                        :label="t('back')"
+                        :label="step.nextButtonLabel || t('back')"
                         class="q-ml-sm"
                         :class="{ invisible: currentStep === 'method' }"
                     />
                     <QBtn
                         @click="onNextStep(stepIndex)"
                         color="primary"
-                        :label="t('next')"
+                        :label="step.nextButtonLabel || t('next')"
                     />
                 </QStepperNavigation>
             </QStep>