title: MJML - Template Interpolation, Dynamic Data, Context
body: <p>After a lot of searches, 
  I am having difficulties in finding how:</p>
  
  <ol>
  <li><a href="https://mjml.io/" rel="noreferrer">MJML</a> handles dynamic data and template interpolations</li>
  </ol>
  
  <p>I was expecting something like:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { mjml2html } from 'mjml';
  
  const context = {
    message: 'Hello World'
  };
  
  const view = mjml2html(template, context);
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mjml&gt;
    &lt;mj-body&gt;
      &lt;mj-container&gt;
        &lt;mj-section&gt;
          &lt;mj-column&gt;
            &lt;mj-text&gt;{message}&lt;/mj-text&gt;
          &lt;/mj-column&gt;
        &lt;/mj-section&gt;
      &lt;/mj-container&gt;
    &lt;/mj-body&gt;
  &lt;/mjml&gt;
  </code></pre>