vue-i18n bug

by Rocka

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-i18n/8.15.5/vue-i18n.min.js"></script>
<div id="app">
<button @click="setLocale('en')">en</button>
<button @click="setLocale('zh')">zh</button>
<br>
<container>
  <span v-t="'hello'"></span>
</container>
</div>

JavaScript

Vue.component('container', {
	template: `<span>slot: "<slot></slot>"</span>`
})

new Vue({
  el: "#app",
  i18n: new VueI18n({
  	locale: 'en',
    messages: {
    	en: { hello: 'hello' },
      zh: { hello: '你好' }
    }
  }),
  methods: {
  	setLocale(l) {
    	this.$i18n.locale = l;
    }
  }
})