i18n 因缺少翻译而回退到 key

Question

我的 vue3 项目中有这个文件：

// i18n.js
import { createI18n } from "vue3-i18n";
import en from "./assets/lang/en";
import ar from "./assets/lang/ar";
import tr from "./assets/lang/tr";

const messages = {
    en,
    ar,
    tr
};

const i18n = createI18n({
    locale: localStorage.getItem('lang')===null?'en':localStorage.getItem('lang'),
    messages: messages,
});

export default i18n;

对于不存在的翻译，我想要做的是显示密钥，而不是空字符串。

所以我首先从 我在 SO 上发现的一个问题尝试了这个：

const i18n = createI18n({
    locale: localStorage.getItem('lang')===null?'en':localStorage.getItem('lang'),
    messages: messages,
    parseMissingKeyHandler: (key: string) => {
        return `No translation found for "${key}"`;
    }
});

代码甚至没有编译，我尝试改变周围的东西但即使它符合要求，我也没有看到预期的消息来代替丢失的钥匙。

我如何在 vue3 中使用 i18n 回退到它们缺少翻译的密钥。

Answer 1

对于不存在的翻译，我想要做的是显示密钥，而不是空字符串。

如果您确实有一个以空字符串作为值的翻译条目，则不会将其视为缺失，除非您 将 returnEmptyString 设置为 false。