Помощь с переводом/правильным отображением меток

Разработка
1

Я пытаюсь создать компонент темы, который добавляет подчеркивание в панель инструментов редактора.

Мне удалось заставить это работать: метка кнопки отображается корректно, однако при её использовании возвращается

[en.composer.underline_text]

вместо ожидаемого

Пример текста

Я уже ходил кругами, но не могу понять, в чём причина. У кого-нибудь есть идеи, что я упускаю?

Спасибо

api-setup.js

import { apiInitializer } from "discourse/lib/api";
import I18n from "I18n";
import { iconNode } from "discourse-common/lib/icon-library";

export default apiInitializer("0.11.1", (api) => {
  const currentLocale = I18n.currentLocale();

  I18n.translations[currentLocale].js.underline_button_title = settings.underline_button;
  I18n.translations[currentLocale].js.underline_text = settings.underline_text;

  api.onToolbarCreate((toolbar) => {
    const buttons = [
      {
        id: "underline_button",
        group: "fontStyles",
        icon: "underline",
        shortcut: "U",
        title: "underline_button_title",
        perform: (e) => e.applySurround("[u]", "[/u]", "underline_text"),
      },
    ];

    buttons.forEach((button) => toolbar.addButton(button));
  });

  api.decorateCookedElement(
    async (elem, helper) => {
      const id = helper ? `post_${helper.getModel().id}` : "composer";
      applyHighlight(elem, id);
    },
    { id: "wrap-mark" }
  );
});

settings.yml

underline_button:
  default: "Подчеркнуть"
  description:
    en: Enter the text for the title of the button in the composer.
underline_text:
  default: "Пример текста"
  description:
    en: Enter the placeholder text that appears in the composer after the user clicks the button.

Svg_icons: 
  type: 'list'
  list_type: 'compact'
  default: 'underline'
  description: 
    en: "Include FontAwesome 6 icon classes for each icon used in the list."

en.yml

en:
  js:
    underline_button_title: settings.underline_button
    underline_text: settings.underline_text
2

Почему вы создаете тексты как настройки, вместо того чтобы размещать их напрямую в en.yml?

Я считаю, что Composer Footnote Button является полезным примером.

3

Спасибо, что указали мне правильное направление.

Оказалось, что

I18n.translations[currentLocale].js.underline_text = settings.underline_text;

должно быть

I18n.translations[currentLocale].js.composer.underline_text = settings.underline_text;