I ran into a problem with Vuejs. I'm using VueMeta for handling page titles and so on. And i18n for languages. In every page component we have: metaInfo: { title: '...' } and that's fine up until the need for that titles to be translated. In the html code I do this: {{ $t('allrights') }} and based on the Js files for translation it shows the text.

But in the metaInfo object this, or $t, or store is undefined. How can elegantly access the vue inside that data structure? Callback, inject it somehow or ... ?