Example of MJML template with Vue

mjml.vue

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-image v-if="image" width="100px" :src="image"></mj-image>
        <mj-divider border-color="#F45E43"></mj-divider>
        <mj-text :font-size="large ? '20px' : '16px'" color="#F45E43" font-family="helvetica">{{ text }}</mj-text>
        <mj-button v-for="action in actions" :key="i" :href="action.href">
          {{ action.label }}
        </mj-button>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>