Feature request: t-helper for vue-intl

[fkm]

It would be nice to have a t-helper function for code like this:
😍 $t('one') $t('two', { foo: 'bar' }) instead of:
😢 $formatMessage({ id: 'one' }) $formatMessage({ id: 'two' }, { foo: 'bar' })

Something like this seems to be enough:
app.config.globalProperties.$t = (id, values) => intl.formatMessage({ id }, values);

This would be in line with Ember's implementation.
https://ember-intl.github.io/ember-intl/docs/helpers/t

[glen-84]

See also #2476.

[longlho]

I'm kinda coming around to this but will have to find time to implement it

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[glen-84]

Not stale.

[longlho]

hmm how do you typically specify defaultMessage within vue?

[glen-84]

hmm how do you typically specify defaultMessage within vue?

Assuming that nothing has changed since I last used this library (I'm not currently doing f/end):

{{ $formatMessage({defaultMessage: "All"}) }}

[longlho]

Right, but the new syntax being proposed with $t seems to be slightly different where 1st arg is the id?

[glen-84]

Ya, I had suggested something similar, which also included the default message.

I don't really like the "my-id-or-null-for-default" part though. Perhaps the signature could remain the same, but shorten defaultMessage to default:

{{ $fm({default: "default-message"}, {value: 123}) }}

Using an ID:

{{ $fm({id: "one"}, {foo: "bar"}) }}

(I prefer fm to t because you can have fn for formatNumber, fd for formatDate, etc.)