<template>
  <router-view />
</template>

<script>
  import Vue from 'vue'

  export default {
    watch: {
      '$route.params.lang': function(val) {
        this.loadLanguage()
      }
    },
    created() {
      this.loadLanguage()
    },
    methods: {
      loadLanguage() {
        if (this.$route.params.lang == 'zh-CN') {
          Vue.config.lang = 'zh-CN'
          localStorage.setItem('language', 'zh-CN')
        } else if (this.$route.params.lang == 'en-US') {
          Vue.config.lang = 'en-US'
          localStorage.setItem('language', 'en-US')
        } else {
          this.$router.replace({ name: this.$route.name, params: { lang: navigator.language == 'zh-CN' ? 'zh-CN' : 'en-US' }})
        }
      }
    }
  }
</script>
