Vue3 [笔记] Locale Switcher 套件Extension

https://github.com/locale-switcher/locale-switcher/

此套件直接抓localStorage语系并变更localStorage语系
规则依照i18n写法,语系名称有格式

因此必须避免把语系写死

const devI18nLocale = localStorage.getItem('LOCALE_SWITCHER_LANGUAGE');// 这里的 locale 会影响到 i18n 的语系,所以要从 localStorage 取得let locale = '';if (import.meta.env.DEV) {  locale = devI18nLocale ||  import.meta.env.VUE_APP_I18N_LOCALE || 'zh-TW';} else {  locale = 'en';}const i18n = createI18n<[MessageSchema], 'zh-TW' | 'zh-CN' | 'vi' | 'vi-VN' | 'en'>({  legacy: false, // 要把 legacy 设为 false,才可以使用 Composition API  locale,  fallbackLocale: 'zh-TW',  globalInjection: true,  messages: {    'zh-TW': zh,    'zh-CN': cn,    'vi-VN': vi,    vi,    en,  },});

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章