template-component-5.js

class TemplateComponent extends HTMLElement {
  /*...*/
  async getTemplate (data) {
    const templator = (t, d) => new Function('return `' + t + '`').call(d);

    async function loadTemplate () {
      return new Promise(resolve => {
        document.currentScript.ownerDocument.addEventListener('DOMContentLoaded', event => {
          resolve(event.target.querySelector('template'));
        }, false);
      });
    }
    
    const template = await loadTemplate();
    
    template.innerHTML = templator(template.innerHTML, data);
    
    return template;
  }
  /*...*/
}