
<i18n>
{
"en": {
    "hello": "hello world!"
},
"ja": {
    "hello": "こんにちは、世界！"
}
}
</i18n>

<template>
<div id="app">
    <label for="locale">locale</label>
    <select v-model="locale">
    <option>en</option>
    <option>ja</option>
    </select>
    <p>message: {{ $t('hello') }}</p>
</div>
</template>

<script>
export default {
name: 'app',
data () {
    this.$i18n.locale = 'en';
    return { locale: 'en' }
},
watch: {
    locale (val) {
    this.$i18n.locale = val
    }
}
}
</script>