How do I translate Quasar component?

TNSaturday

I have a Vue/Quasar application in which I use i18n but now I’m facing a problem: table footer doesn’t get translated. In the table headers, for example, I do something like this to translate column names:

{
  align: 'left',
  field: (val) => val,
  label: this.$t('locale.column'),
  name: 'column',
  required: true,
  sortable: true,
},

where $t is 18n function, locale is my component and the column is actually’s column’s name. I don’t have direct access to the footer of the table (where the pagination an the total number of the elements are) and it doesn’t get translated. I also use Quasar language packs, quasar.js goes like this:

import en from 'quasar/lang/en-us.js'
/*
  import other languages
*/
import {
  state,
} from '@state/modules/i18n';

const locale = state.locale;
const langDictionary = {
  // all the imported langs go here
};

Vue.use(Quasar, {
  config: {},
  components: { /* not needed if importStrategy is not 'manual' */ },
  directives: { /* not needed if importStrategy is not 'manual' */ },
  plugins: {
    Cookies,
    Dialog,
    Loading,
    Notify,
  },
  lang: langDictionary[locale]
});

export {langDictionary};

How do I translate the table footer?

s.molinari

https://medium.com/quasar-framework/adding-full-i18n-to-quasar-150da2d5bba4

Scott