| import { computed } from 'vue'; | 
| import { useI18n } from 'vue-i18n'; | 
| import { Message } from '@arco-design/web-vue'; | 
|   | 
| export default function useLocale() { | 
|   const i18 = useI18n(); | 
|   const currentLocale = computed(() => { | 
|     return i18.locale.value; | 
|   }); | 
|   const changeLocale = (value: string) => { | 
|     if (i18.locale.value === value) { | 
|       return; | 
|     } | 
|     i18.locale.value = value; | 
|     localStorage.setItem('arco-locale', value); | 
|     Message.success(i18.t('navbar.action.locale')); | 
|   }; | 
|   return { | 
|     currentLocale, | 
|     changeLocale, | 
|   }; | 
| } |