Avoid calling $t in templates and use computed properties instead

[ThomasKientz]

From my understanding of VueJS, one should avoid calling methods in templates and use computed properties instead as they are cached.

As you can see in this minimal exemple : https://codepen.io/thomaskientz/pen/RwJRZXB every methods in a template are being called every time the user interact with the view.

The current docs shows everywhere exemples of calling methods in templates (https://kazupon.github.io/vue-i18n/started.html)

<div id="app">
  <p>{{ $t("message.hello") }}</p>
</div>

For small projects, or note interactive UI, it is fine. But for larger projects, with lots of reactive data, it can impact performances and increase CPU usage, isn't it ?

The doc should mention this somewhere.

What are your thoughts on this ?