title: VueJS Translate Plugin
body: <p>I am using a plugin called VueTranslated, made by javisperez and I am having some difficulty to get the translated text.</p>
  
  <p>I am using the globally usage. I have a file that has all the words and their translations, like:</p>
  
  <pre><code>import Vue from 'vue'
  import VueTranslate from 'vue-translate-plugin'
  Vue.use(VueTranslate)
  
  Vue.locales({
    'pt_BR': {
      'hello-world': 'Olá mundo'
    },
    'en_US': {
      'hello-world': 'Hello world'
    }
  })
  </code></pre>
  
  <p>export default()</p>
  
  <p>So, when I am in any component, I can get the words using something like:</p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
      &lt;p&gt; {{t('hello-world)}} &lt;/p&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Then, the <code>p</code> tag shows me the string <code>Hello world</code> or <code>Olá mundo</code> depending of my language set.
  But if I have, in this component, something like</p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
      &lt;p&gt; {{message}}
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          data: () =&gt; ({
              message: this.$translate.text('hello-world)
          })
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>it just appear <code>hello-world</code> in my <code>p</code> tag.
  How can I get a translated string when it comes from the script tag of my component?
  Or, do I have anything else to try instead of this plugin?
  Thanks</p>