k-view-vue/packages/hooks/useLang.hook.ts

Wei Design - A Vue.js 3 UI library, web3-vue-demo

import { computed } from 'vue'
import { LangEnum } from '@/enums/styleEnum'
import { useLangStore } from '@/store/modules/langStore/langStore'
import { zhCN, enUS, dateEnUS, dateZhCN } from 'naive-ui'

type LangStoreType = typeof useLangStore

// 语言切换
export const useLang = () => {
  const lang = useLangStore()
  
  const locale = computed(() => {
    return lang.getLang === LangEnum.ZH ? zhCN : enUS
  })

  const dateLocale = computed(() => {
    return lang.getLang === LangEnum.ZH ? dateZhCN : dateEnUS
  })

  return {
    locale,
    dateLocale
  }
}