Как получить доступ к объекту перевода t в фрагменте liquid расширения приложения темы Shopify? [handlebar.js]

Это мой файл .liquid

файл offerers.liquid

Это en.default.json внутри locales

Вот ошибка, которую я получаю при запуске приложения:

изображение

Язык: JQuery + handlebar.js

Когда пользователь меняет язык на витрине интернет-магазина, я бы хотел, чтобы мое приложение Shopify переводило текст.

Для этого я добавил файлы locales/en.json , locales/fr.json на данный момент.

Я пытаюсь получить доступ к его содержимому с помощью 'path-from-json' | t, как предложено в документации, но он выдает ошибку синтаксического анализа на канале.

{% raw %}

<script id="cross-sell-popup" type="text/x-handlebars-template" data-no-instant>
<div>
    <div class="default-message">{{{notifications_message}}}
    </div>
    <div class="message"> Get all these items for special bundle offer price!</div>
    <div>{{ 'section.bundle.bundle_static_title' | t}}</div>
</div>
</script>

...

{% endraw %}

{
  "section": {
    "bundle": {
      "bundle_static_title": "Enter store using password:"
    }
  }
}

Error compiling HTML Error: Parse error on line 10:
...undle_static_title' | t}}</div>  <div cl
-----------------------^
Expecting 'CLOSE_RAW_BLOCK', 'CLOSE', 'CLOSE_UNESCAPED', 'OPEN_SEXPR', 'CLOSE_SEXPR', 'ID', 'OPEN_BLOCK_PARAMS', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', got 'CLOSE_BLOCK_PARAMS'