How to use the common-tags.codeBlock function in common-tags

I like ${['apples', 'bananas', 'watermelons']}
  They're good!
`;

let fruits = ['apple', 'orange', 'watermelon'];

commonTags.html`
  <div class="list">
    <ul>
      ${fruits.map(fruit =&gt; `<li>${fruit}</li>`)}
      ${'<li>kiwi</li>\n<li>guava</li>'}
    </ul>
  </div>
`;

commonTags.codeBlock`
  <div class="list">
    <ul>
      ${fruits.map(fruit =&gt; `<li>${fruit}</li>`)}
      ${'<li>kiwi</li>\n<li>guava</li>'}
    </ul>
  </div>
`;

commonTags.source`
  <div class="list">
    <ul>
      ${fruits.map(fruit =&gt; `<li>${fruit}</li>`)}
      ${'<li>kiwi</li>\n<li>guava</li>'}
    </ul>
  </div>
`;