Add localizable strings to themes and theme components

[david (David Taylor)]

Yup, exactly. In .gjs files, we use the same technique as regular .js files, not the special .hbs system

I’ve updated the OP accordingly:

@Discourse

In .hbs files, you can use the dedicated helper

{{theme-i18n "my_translation_key"}}

Or, if you need to pass the translation key into another component, you can use the theme-prefix helper:

<DButton @label={{theme-prefix "my_translation_key"}} />

In Javascript, or in .gjs files, you can use the themePrefix function. This is automatically injected, and does not need to be imported:

const result = I18n.t(themePrefix("my_translation_key"))

<template>
  {{i18n (themePrefix "blah")}}
</template>

LMK if anything is unclear @merefield

[Jukebo (Jusi)]

Is it also possible to override the existing locales or will this work only with new locales?

[david (David Taylor)]

This is just for theme-specific translations.

To override translations for other strings, you can look at Customize text in Discourse