k_online_ui/src/stores/modules/lang.ts

import { defineStore } from 'pinia'
import { elementZhTw, elementEn } from '@/plugins/element'
interface LangState {
  lang: string
  ElementLocale: any
}

export const useLangStore = defineStore('lang', {
  state: (): LangState => ({
    lang: localStorage.getItem('lang') || 'Chinese',
    ElementLocale: localStorage.getItem('lang') === 'Chinese' ? elementZhTw : elementEn
  }),
  getters: {},
  actions: {
    setLang(lang: string) {
      localStorage.setItem('lang', lang)
      this.lang = lang
      this.ElementLocale = lang === 'Chinese' ? elementZhTw : elementEn
    }
  }
})