title: How to translate text using gettext in vue?
body: <p>I have many component which contain static texts, I would like to translate these text from polish language to english language and vice versa using gettext plugin.</p>
  
  <p>Here is how texts look in my components .</p>
  
  <pre><code>&lt;h1&gt;   {{ __('Mail kontaktowy') }}&lt;/h1&gt;
  
  &lt;p&gt;   {{ __('Dziękujemy za kontakt') }}&lt;/p&gt;
  
  &lt;h3&gt;   {{ __('Twoja wiadomość') }}&lt;/h3&gt;
  </code></pre>
  
  <p>Solution I have tried according to documentations online</p>
  
  <p>installed plugin: </p>
  
  <pre><code> npm install vue-gettext
  </code></pre>
  
  <p>Here is configuration per my needs</p>
  
  <pre><code>// 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,
  })
  </code></pre>
  
  <p>HTML calling gettext to translate those texts</p>
  
  <pre><code>   &lt;h1 v-translate&gt;{{ __('Mail kontaktowy') }}&lt;/h1&gt;
  </code></pre>
  
  <p>This does not work, what am i doing wrong in my implementations? Please help am new to vue , am strugling how get those text translated (assume i have a lot of static text).</p>