L20n - 如何翻译 html 标签中的自定义属性?

L20n - how to translate custom attribute in htm tag?

我有以下 html 标签:

<input type="text" data-l10n-id="message" data-validation-required-message="My message">

在我的翻译文件中:

<message placeholder:"Your message">

Placeholder 属性有效,但我不知道如何翻译 data-validation-required-message 属性的内容

它似乎只适用于标准属性。

我能提出的唯一解决方案是通过 JavaScript 手动设置属性转换。示例:

l20n 文件:

<validationRequiredMessage "The Message">

JavaScript:

document.l10n.formatValue( "validationRequiredMessage" ).then( ( t ) =>
    document.querySelector( "input" ).dataset.validationRequiredMessage = t
)