How to translate variable string in js file?

Question

Let's say I have the following code:

define([
    'jquery',
    'mage/translate',
], function (
    $,
    $t
) {
    'use strict';
    return function (str) {
        //Rest of codes to determine output
        return $t(return_string);
    });
}

I have all possible values of return_string on translate file. But it fails to translate at all on frontend. What can I do here to make return_string return translated string?

Answer 1

I encountered this issue before. The problem is, that the "keys" that you want to translate need to be rendered in a phtml or HTML file first.

I usually do this in a hidden .