Allow transform the translations

Hi guys!

Great work on this. I was trying yo find the way to transform the translations to avoid write them many times (upperCase, snakeCase, etc.). Finally I’m doing this to share the translation component thought all the app. Maybe this is a good feature:

In my case I’m using lodash to do my transformations and here I can wrap the different requirements.

Vue.mixin({
  methods: {
    locale: function (translate, data) {
      return data && data.toUpper ? _.toUpper(this.$t(translate, data)) : this.$t(translate, data)
    }
  }
})

[tikiatua]

A short remark for other readers: This is only the case if you put the interpolation directly into the html of your site. If you pre-compile the vue components (using webpack and vue-loader) or put the markup into a <script type="text/x-template"></script> tag, then this should not be an issue.

https://vuejsdevelopers.com/2017/03/24/vue-js-component-templates/

[EmilianoBarbozaOjeda]

Sure, I don’t want to see that syntax when the view is been rendered. That’s the case.