Javascript 如何在vue中使用gettext翻译文本？

我有很多包含静态文本的组件，我想使用gettext插件将这些文本从波兰语翻译成英语，反之亦然

下面是我的组件中文本的外观

<h1>   {{ __('Mail kontaktowy') }}</h1>

<p>   {{ __('Dziękujemy za kontakt') }}</p>

<h3>   {{ __('Twoja wiadomość') }}</h3>

这是我需要的配置

// 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>

{{{{{'Mail kontaktowy'）}

---

这不起作用，我在实现中做错了什么？请帮助我，我是vue新手，正在琢磨如何翻译这些文本（假设我有很多静态文本）。

我搜索了有关vue gettext的信息，从这里的文档中：，您可以使用翻译组件翻译文本：

<translate>Hello!</translate>

---

功能的用途是什么？我在你的代码或文档中没有看到任何关于
vue gettext
hi Jaye的引用，我在某个地方找到了它的模板，在应用程序中没有任何地方嵌入了此下划线，它只是写的我需要使用gettex来翻译删除下划线和括号时会发生什么？
<translate>Hello!</translate>

<span v-translate>Hello!</span>

<h1 v-translate>Mail kontaktowy</h1>