Can't get this template working

Questions
1

I got all my templates working except this one, I can’t see what is wrong with it just stubbornly keeps showing up as text…

HTML

 <script type="text/template" id="aboutPageTemplate"></script>
  {{translations['about.title']}}

  test

</script>

<div id="aboutContent">
  <!-- template appended -->
</div>

JS

on: {

  pageInit: function (e, page) {

    var aboutPage = {

      translations : null,

    };

    let langCode = app.methods.getCurrentLanguage();

    aboutPage.translations = app.data.translations[langCode];

    var template = $$('script#aboutPageTemplate').html();

    var compiledTemplate = Template7.compile(template);

    var html = compiledTemplate(aboutPage);

    console.log(html);

    $$('#aboutContent').append(html);
2

There is no such syntax in template7, try this instead:

{{js "this.translations['about.title']"}}
3

Mh that didn’t work for me, it still just shows up as text for some reason.

No idea what’s going on here but I just append the whole thing now.

$$('#aboutContent').append(aboutPage.translations['about.instructions']);