bd-admin/commands/create/project_template/src/layouts/hooks/useLang.js

一款能根据需求快速配置vue后台管理的脚手架

import { useSystemStore } from "@/store/modules/system";
import langJSON from "@/lang/zh-CN.json";
import { i18n } from "@/lang/lang";
const systemStore = useSystemStore();
const checkI18 = (value) => {
    i18n.global.locale.value = value;
    systemStore.setLang(value);
};
const i18List = [
    {
        name: "中文",
        value: "zhCN",
    },
    {
        name: "English",
        value: "en",
    },
];
const getLangKey = (data, findValue, path) => {
    if (typeof data !== "object")
        return path;
    for (const [key, value] of Object.entries(data)) {
        const pathKey = path ? `${path}.${key}` : key;
        if (typeof value === "object") {
            const find = getLangKey(value, findValue, pathKey);
            if (find)
                return find;
        }
        else {
            if (value === findValue) {
                return pathKey;
            }
        }
    }
};
const menuSwitchesToLang = (findValue) => {
    if (!findValue || typeof findValue !== "string")
        return "";
    const get = getLangKey(langJSON, findValue, "");
    return get ? get : findValue;
};
export default function () {
    return { checkI18, i18List, menuSwitchesToLang };
}