⚡ improvement(index): fix mergeLocaleMessage. add changes notification on merging with an empty target object (#752) by @jekill

Author: jekill

src/index.js

@@ -612,7 +612,7 @@ export default class VueI18n {
       this._checkLocaleMessage(locale, this._warnHtmlInMessage, message)
       if (this._warnHtmlInMessage === 'error') { return }
     }
-    this._vm.$set(this._vm.messages, locale, merge(this._vm.messages[locale] || {}, message))
+    this._vm.$set(this._vm.messages, locale, merge({}, this._vm.messages[locale] || {}, message))
   }
 
   getDateTimeFormat (locale: Locale): DateTimeFormat {

test/unit/message.test.js

@@ -79,4 +79,20 @@ describe('message', () => {
       assert.deepEqual({ foo: 'bar', bar: 'foo' }, i18n.getLocaleMessage('en'))
     })
   })
+
+  it('Should be merged and notified if the target is empty', (done) => {
+    const i18n = new VueI18n({
+      locale: 'ru',
+      messages: {
+        ru: {}
+      }
+    })
+    const uw = i18n._vm.$watch('messages.ru.foo', (newVal, oldVal, o) => {
+      assert.equal(newVal, 'бар');
+      uw();
+      done();
+    });
+    i18n.mergeLocaleMessage('ru', { foo: 'бар' })
+    assert.deepEqual({ foo: 'бар' }, i18n.getLocaleMessage('ru'))
+  })
 })