我有许多包含静态文本的模板,我想使用gettext插件将这些文本从波兰语翻译成英语,反之亦然。正在使用刀片引擎
这是模板中文本的显示方式。
<h1> {{ __('Mail kontaktowy') }}</h1>
<p> {{ __('Dziękujemy za kontakt') }}</p>
<h3> {{ __('Twoja wiadomość') }}</h3>
我已经根据在线文档尝试过的解决方案
已安装的插件:
npm install vue-gettext
这是我需要的配置
// ES6
import Vue from 'vue'
import GetTextPlugin from 'vue-gettext'
import translations from './path/to/translations.json'
Vue.use(GetTextPlugin, {
availableLanguages: {
en_GB: 'British English',
en_US: 'American English',
pl_PL: 'Polish',
},
defaultLanguage: 'pl_PL',
languageVmMixin: {
computed: {
currentKebabCase: function () {
return this.current.toLowerCase().replace('_', '-')
},
},
},
translations: translations,
silent: True,
})
HTML调用gettext来翻译这些文本
<h1 v-translate>{{ __('Mail kontaktowy') }}</h1>
这不起作用,我在实现中做错了什么?请帮助vue的新手,努力解决如何翻译这些文本(假设我有很多静态文本)。