mage/translation not working magento 2 (translation issue)

Question

I am working on pdp page (mobile view), in drop down i need to show out of stock if qty is out of stock and low stock if qty is low stock, it is working as expected but it is not getting translated to other language (translation issue). My file is SwatchRenderer.js (D:app\design\frontend\Alshaya\mcmenablank\Magento_Swatches\web\js\SwatchRenderer.js)

define(['jquery', 'underscore', 'jquery/ui', 'mage/translate'], function ($, _) {
    'use strict';
     //code here
     .......
     .......
                if (stockStatus === undefined) {
                    label += ' - ' + $.mage.__('Out of stock');
                }
                if (stockStatus) {
                    /* Display Low stock message */
                    if (stockStatus['qty'] <= stockStatus['notifyQty']) {
                        label += ' - ' + $.mage.__('low stock');
                    }
                }
        ............................
        ...............................

Answer 1

Try to add the code below to your phtml file.

<?php
$_data = array(
    'Out of stock' => __('Out of stock'),
);
?>
<script type="text/javascript">
    require(["jquery", "mage/translate"], 
    function ($) {
        $.mage.translate.add(<?php echo Zend_Json::encode($_data) ?>)
    });
</script>