@opentiny/tiny-toolkit-pro/template/tinyvue/src/hooks/locale.ts

TinyPro Vue：开箱即用、前后端分离的 Vue 后台管理模板

import { computed } from 'vue';
import { useI18n } from 'vue-i18n';

export default function useLocale() {
  const i18 = useI18n();
  const currentLocale = computed(() => {
    return i18.locale.value;
  });
  const changeLocale = (value: string) => {
    i18.locale.value = value;
    localStorage.setItem('tiny-locale', value);
  };
  return {
    currentLocale,
    changeLocale,
  };
}