113 lines
3.2 KiB
TypeScript
113 lines
3.2 KiB
TypeScript
import {computed, onMounted, ref} from 'vue';
|
||
|
||
/**
|
||
* Popup 多语言（仅影响 Popup 文案，不改平台配置/爬取数据）。
|
||
* 中文备注：用户要求把切换入口放在 Popup 底部版本号附近，因此这里提供一个轻量的本地 i18n。
|
||
*/
|
||
|
||
/** chrome.storage.local 中保存语言的 key */
|
||
const POPUP_UI_LANG_KEY = 'popupUiLang';
|
||
|
||
/** 目前仅提供中英两种，后续可在这里继续扩展 */
|
||
export type PopupUiLang = 'zh-CN' | 'en';
|
||
|
||
/** 文案字典：key 统一用英文标识，方便维护 */
|
||
const DICT: Record<PopupUiLang, Record<string, string>> = {
|
||
'zh-CN': {
|
||
please_login: '请先登录后再开始爬取',
|
||
sign_in: '登录',
|
||
sign_out: '退出登录',
|
||
platform_select: '平台选择',
|
||
scan_now: '立即扫描',
|
||
opening: '正在打开…',
|
||
scanning: '扫描中',
|
||
paused: '已暂停',
|
||
done: '已完成',
|
||
failed: '失败',
|
||
show_tab: '显示页面',
|
||
continue_now: '继续',
|
||
cancel: '取消',
|
||
step_done: '已完成',
|
||
step_failed: '失败',
|
||
step_running: '进行中',
|
||
step_pending: '等待中',
|
||
language: '语言',
|
||
lang_zh: '中文',
|
||
lang_en: 'English',
|
||
},
|
||
en: {
|
||
please_login: 'Please sign in before scanning.',
|
||
sign_in: 'Sign in',
|
||
sign_out: 'Sign out',
|
||
platform_select: 'Platform',
|
||
scan_now: 'Scan now',
|
||
opening: 'Opening…',
|
||
scanning: 'Scanning',
|
||
paused: 'Paused',
|
||
done: 'Done',
|
||
failed: 'Failed',
|
||
show_tab: 'Show tab',
|
||
continue_now: 'Continue now',
|
||
cancel: 'Cancel',
|
||
step_done: 'Completed',
|
||
step_failed: 'Failed',
|
||
step_running: 'Running',
|
||
step_pending: 'Pending',
|
||
language: 'Language',
|
||
lang_zh: '中文',
|
||
lang_en: 'English',
|
||
},
|
||
};
|
||
|
||
/**
|
||
* Popup 内使用的 i18n composable
|
||
*/
|
||
export function useI18n() {
|
||
const uiLang = ref<PopupUiLang>('zh-CN');
|
||
|
||
// 中文备注：从本地存储恢复用户上次选择
|
||
onMounted(async () => {
|
||
try {
|
||
if (typeof chrome === 'undefined' || !chrome.storage?.local) return;
|
||
const res = await chrome.storage.local.get(POPUP_UI_LANG_KEY);
|
||
const stored = res?.[POPUP_UI_LANG_KEY];
|
||
if (stored === 'zh-CN' || stored === 'en') {
|
||
uiLang.value = stored;
|
||
}
|
||
} catch {
|
||
// ignore
|
||
}
|
||
});
|
||
|
||
const t = computed(() => {
|
||
return (key: string) => {
|
||
return DICT[uiLang.value]?.[key] ?? DICT.en[key] ?? key;
|
||
};
|
||
});
|
||
|
||
/**
|
||
* 设置语言并持久化
|
||
*/
|
||
async function setUiLang(lang: PopupUiLang) {
|
||
uiLang.value = lang;
|
||
try {
|
||
if (typeof chrome === 'undefined' || !chrome.storage?.local) return;
|
||
await chrome.storage.local.set({[POPUP_UI_LANG_KEY]: lang});
|
||
} catch {
|
||
// ignore
|
||
}
|
||
}
|
||
|
||
return {
|
||
uiLang,
|
||
t: t.value,
|
||
setUiLang,
|
||
// 中文备注：给 template 直接使用的语言选项
|
||
langOptions: [
|
||
{value: 'zh-CN' as const, labelKey: 'lang_zh'},
|
||
{value: 'en' as const, labelKey: 'lang_en'},
|
||
],
|
||
};
|
||
}
|
||
|