<script type="module">
  (function() {
    
    function initUtterances() {
      const el = document.querySelector("#comments #utterances");
      if (!el) return;
      
      function load_utterances() {
        utils.css('<%- url_for('/css/comments/utterances.css') %>?v=<%- stellar_info('version') %>');
        try {
          el.innerHTML = '';
        } catch (error) {
          console.error(error);
        }
        const script = document.createElement('script');
        script.src = 'https://utteranc.es/client.js';
        script.async = true;
        for (const key of Object.keys(el.attributes)) {
          const attr = el.attributes[key];
          if (['class', 'id'].includes(attr.name) === false) {
            script.setAttribute(attr.name, attr.value);
          }
        }
        el.appendChild(script);
      }
      
      util.viewportLazyload(el, load_utterances);
    }
    
    // Initialize on page load
    initUtterances();
  })();
</script>
