Overriding messages (scope question)

[marr]

I am using vue 2 and version 8 of vue-i18n, and having trouble overriding messages. Is it possible to:

1. have a "global" set of messages in for example locale/en.json
2. use those messages as defaults
3. override messages in a component, say App.vue and have any components used there use that override.

I have a repo that has this general reproduction case:
https://github.com/marr/vue2-i18n

You can see that the messages defined in App.vue do apply in direct usage of $t in the file, but not with components on that page that use those same messages.

App.vue:

i18n: { messages: { en: { hello: 'hi' } } }
...
$t('hello') === 'hi'
<Hello /> === 'default'

Hello.vue

$t('hello')

[johnantoni]

I'd like this to, especially for component-based translations. So far haven't found a solution.

Maybe having a handler that sits in-between $t might work for now till a official solution appears