<script>
  volantis.layoutHelper("comments",`<div id="twikoo_container"><i class="fa-solid fa-cog fa-spin fa-fw fa-2x"></i></div>`)
  function load_twikoo() {
    if(!document.querySelectorAll("#twikoo_container")[0])return;
    volantis.js("<%- theme.cdn.twikoo %>", pjax_twikoo)
  }
  function pjax_twikoo() {
    if(!document.querySelectorAll("#twikoo_container")[0])return;
    let path = pdata.commentPath;
    let placeholder = pdata.commentPlaceholder || "<%= theme.comments.twikoo.placeholder %>" || "";
    if (path.length == 0) {
      let defaultPath = '<%= theme.comments.twikoo.path %>';
      path = defaultPath || decodeURI(window.location.pathname);
    }
    twikoo.init(Object.assign(Object.assign(<%- JSON.stringify(theme.comments.twikoo) %>, {
      el: '#twikoo_container',
      path: path,
      placeholder: placeholder,
      onCommentLoaded: function() {
        if(typeof VolantisFancyBox === "undefined") {
          const checkFancyBox = setInterval(() => {
            if(typeof VolantisFancyBox === "undefined") return;
            clearInterval(checkFancyBox);
            VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])', 'Comments');
          })
        } else {
          VolantisFancyBox.groupBind('.tk-content img:not([class*="emo"])', 'Comments');
        }
      }
    }),pdata.commentConfig))
  }
  load_twikoo();
  volantis.pjax.push(()=>{
    if (typeof twikoo == "undefined") {
      load_twikoo();
    } else {
      pjax_twikoo();
    }
  },'twikoo');
</script>
