🐛 bug(mixin): fix cannot setup VueI18n instance

close #203 related storybookjs/storybook#1573 related vue-play/vue-play#69
kazupon · Aug 3, 2017 · 13585a4 · 13585a4 · romulof · Nov 15, 2019
1 parent db90f2f
commit 13585a4
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/src/mixin.js b/src/mixin.js
@@ -71,6 +71,11 @@ export default {
       this._i18n = this.$root.$i18n
       this._i18n.subscribeDataChanging(this)
       this._subscribing = true
+    } else if (options.parent && options.parent.$i18n && options.parent.$i18n instanceof VueI18n) {
+      // parent i18n
+      this._i18n = options.parent.$i18n
+      this._i18n.subscribeDataChanging(this)
+      this._subscribing = true
     }
   },
 

diff --git a/test/unit/issues.test.js b/test/unit/issues.test.js
@@ -253,4 +253,36 @@ describe('issues', () => {
       assert.equal(tokens[1].value, '% PREPAYMENT')
     })
   })
+
+  describe('#203', () => {
+    it('should be translated', done => {
+      const App = {
+        render (h) {
+          return h('p', { ref: 'app' }, [this.$t('hello')])
+        }
+      }
+      vm = new Vue({
+        render (h) {
+          return h({
+            components: { App },
+            render (h) { return h('app') },
+            i18n: new VueI18n({
+              locale: 'en',
+              messages: {
+                en: {
+                  'hello': 'hello 203'
+                },
+                ja: {
+                  'hello': 'こんにちは 203'
+                }
+              }
+            })
+          })
+        }
+      }).$mount()
+      nextTick(() => {
+        assert.equal(vm.$el.innerHTML, 'hello 203')
+      }).then(done)
+    })
+  })
 })