mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-27 03:01:14 +08:00
91 lines
2.1 KiB
Vue
91 lines
2.1 KiB
Vue
<template>
|
|
<div id="app" :class="{ 'is-component': isComponent }">
|
|
<main-header v-if="lang !== 'play'" />
|
|
<div class="main-cnt">
|
|
<router-view />
|
|
</div>
|
|
<main-footer v-if="lang !== 'play' && !isComponent" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { use } from '@element-plus/locale'
|
|
import zhLocale from '@element-plus/locale/lang/zh-CN'
|
|
import enLocale from '@element-plus/locale/lang/en'
|
|
import esLocale from '@element-plus/locale/lang/es'
|
|
import frLocale from '@element-plus/locale/lang/fr'
|
|
import jaLocale from '@element-plus/locale/lang/ja'
|
|
import { Language } from './enums/language'
|
|
|
|
const lang = location.hash.replace('#', '').split('/')[1] || Language.CN
|
|
const localize = lang => {
|
|
switch (lang) {
|
|
case Language.CN:
|
|
use(zhLocale)
|
|
break
|
|
case Language.ES:
|
|
use(esLocale)
|
|
break
|
|
case Language.FR:
|
|
use(frLocale)
|
|
break
|
|
case Language.JP:
|
|
use(jaLocale)
|
|
break
|
|
default:
|
|
use(enLocale)
|
|
}
|
|
}
|
|
localize(lang)
|
|
|
|
export default {
|
|
name: 'App',
|
|
|
|
computed: {
|
|
lang() {
|
|
return this.$route.path.split('/')[1] || Language.CN
|
|
},
|
|
isComponent() {
|
|
return /^component-/.test(this.$route.name || '')
|
|
},
|
|
},
|
|
|
|
watch: {
|
|
lang(val) {
|
|
if (val === Language.CN) {
|
|
this.suggestJump()
|
|
}
|
|
localize(val)
|
|
},
|
|
},
|
|
|
|
mounted() {
|
|
localize(this.lang)
|
|
if (this.lang === Language.CN) {
|
|
this.suggestJump()
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
suggestJump() {
|
|
if (process.env.NODE_ENV !== 'production') return
|
|
|
|
const href = location.href
|
|
const preferGithub = localStorage.getItem('PREFER_GITHUB')
|
|
const cnHref = href.indexOf('element-plus.gitee.io') > -1
|
|
if (cnHref || preferGithub) return
|
|
setTimeout(() => {
|
|
if (this.lang !== Language.CN) return
|
|
this.$confirm('建议大陆用户访问部署在国内的站点，是否跳转？', '提示')
|
|
.then(() => {
|
|
location.replace('https://element-plus.gitee.io')
|
|
})
|
|
.catch(() => {
|
|
localStorage.setItem('PREFER_GITHUB', 'true')
|
|
})
|
|
}, 1000)
|
|
},
|
|
},
|
|
}
|
|
</script>
|