You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
815 B
36 lines
815 B
import { watchEffect, DirectiveBinding } from 'vue'
|
|
import { useStore } from '@/store'
|
|
import { chineseLanguageLoader } from '@/i18n/util'
|
|
|
|
/*
|
|
ep:v-language:title="state.obj"
|
|
*/
|
|
|
|
export default (el: HTMLElement, binding: DirectiveBinding) => {
|
|
watchEffect(() => {
|
|
const store = useStore()
|
|
const language = store.language
|
|
const { arg, value } = binding
|
|
|
|
let content = ''
|
|
|
|
if (!Object.keys(value)?.length || !arg) {
|
|
return
|
|
}
|
|
|
|
if (language === 'zh') {
|
|
content = value[arg]
|
|
}
|
|
|
|
if (language === 'en' && value[arg + 'En']) {
|
|
content = value[arg + 'En']
|
|
} else if (language === 'en' && !value[arg + 'En']) {
|
|
content = value[arg]
|
|
}
|
|
|
|
if (language === 'tw') {
|
|
content = chineseLanguageLoader(value[arg])
|
|
}
|
|
el.innerHTML = content
|
|
})
|
|
}
|
|
|