Fix Vue3 i18n compatibility for Dumps pages

This follows 883a0d5 approach when the Dumps code was somehow missed during the refactoring. The change fixes operation for the page showing list of dumps, before it was blank due to an exception. Change-Id: I49daa4fdaea1e8d98e4964acff9cb0bda5d8d573 Signed-off-by: Paul Fertser <[email protected]>
openbmc · Jan 24, 2025 · 6e53b14 · 6e53b14
1 parent 223fe5b
commit 6e53b14
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/src/views/Logs/Dumps/Dumps.vue b/src/views/Logs/Dumps/Dumps.vue
@@ -172,6 +172,7 @@ import SearchFilterMixin, {
 import TableFilter from '@/components/Global/TableFilter';
 import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
 import i18n from '@/i18n';
+import { useI18n } from 'vue-i18n';
 
 export default {
   components: {
@@ -203,6 +204,7 @@ export default {
   },
   data() {
     return {
+      $t: useI18n().t,
       isBusy: true,
       fields: [
         {

diff --git a/src/views/Logs/Dumps/DumpsForm.vue b/src/views/Logs/Dumps/DumpsForm.vue
@@ -40,6 +40,7 @@ import Alert from '@/components/Global/Alert';
 import BVToastMixin from '@/components/Mixins/BVToastMixin';
 import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 import i18n from '@/i18n';
+import { useI18n } from 'vue-i18n';
 
 export default {
   components: { Alert, ModalConfirmation },
@@ -51,6 +52,7 @@ export default {
   },
   data() {
     return {
+      $t: useI18n().t,
       selectedDumpType: null,
       dumpTypeOptions: [
         { value: 'bmc', text: i18n.global.t('pageDumps.form.bmcDump') },

diff --git a/src/views/Logs/Dumps/DumpsModalConfirmation.vue b/src/views/Logs/Dumps/DumpsModalConfirmation.vue
@@ -41,6 +41,7 @@
 import StatusIcon from '@/components/Global/StatusIcon';
 import VuelidateMixin from '@/components/Mixins/VuelidateMixin.js';
 import { useVuelidate } from '@vuelidate/core';
+import { useI18n } from 'vue-i18n';
 
 export default {
   components: { StatusIcon },
@@ -52,6 +53,7 @@ export default {
   },
   data() {
     return {
+      $t: useI18n().t,
       confirmed: false,
     };
   },