How to add new translation when adding custom component?

[linonetwo]

Example in https://tldraw.dev/examples/shapes/tools/custom-config is reusing existing icon and text, I think this is not good for the example, please add example that can direct real world cases.

[linonetwo]

There is clue that https://github.com/tldraw/tldraw/blob/adebb680e5ebe913b3e8a40e3a796d57b9ffd799/packages/tldraw/src/lib/ui/overrides.ts can allow passing custom text for tools, but no evident telling where to add this overrides.

---

It is just the ui-overrides in the doc.

So this works

export const overrides: TLUiOverrides = {
  tools(editor, tools) {
    tools.transclude = {
      id: TranscludeTool.id,
      label: 'tool.transclude',
      readonlyOk: false,
      icon: 'transcludify',
      kbd: 't',
      onSelect(_source) {
        editor.setCurrentTool(TranscludeTool.id);
      },
    };
    return tools;
  },
  toolbar(_app, toolbar, { tools }) {
    toolbar.splice(4, 0, toolbarItem(tools[TranscludeTool.id]));
    return toolbar;
  },
  translations: {
    'zh-cn': {
      'tool.transclude': '嵌入',
    },
    en: {
      'tool.transclude': 'Transclude',
    },
  },
};

[linonetwo]

Sorry, I just find it is mentioned here https://tldraw.dev/docs/user-interface#Translations