.comment-barrage
script(data-pjax).
  (() => {
    const use = !{JSON.stringify(theme.comments.use)}
    const commentContainer = document.getElementById('post-comment')
    const headline = commentContainer && commentContainer.querySelector('.comment-head .comment-headline')
    if (!headline) return
    const renderBadge = (num) => {
      const count = Number(num)
      const old = headline.querySelector('.comment-count-number')
      if (!Number.isFinite(count) || count <= 0) {
        if (old) old.remove()
        return
      }
      const badge = old || document.createElement('span')
      badge.className = 'comment-count-number'
      badge.textContent = count
      if (!old) headline.appendChild(badge)
    }

    const readTextInt = (selector) => {
      const el = document.querySelector(selector)
      if (!el) return 0
      const t = (el.textContent || '').trim()
      const m = t.match(/\d+/)
      return m ? parseInt(m[0], 10) : 0
    }

    const updateFromSystem = (type) => {
      switch(type){
        case 'Twikoo': {
          const domCount = readTextInt('#twikoo-count')
          if (domCount > 0) { renderBadge(domCount); break }
          if (typeof twikoo === 'object') {
            twikoo.getCommentsCount({
              envId: '!{theme.twikoo.envId}',
              region: '!{theme.twikoo.region}',
              urls: [window.location.pathname],
              includeReply: false
            }).then(res => {
              renderBadge(res && res[0] ? res[0].count : 0)
            }).catch(() => renderBadge(0))
          } else {
            renderBadge(0)
          }
          break
        }
        case 'Waline': {
          const w = readTextInt('.waline-comment-count[data-path]')
          renderBadge(w)
          break
        }
        case 'Valine': {
          const v = readTextInt('.valine-comment-count[data-xid]')
          renderBadge(v)
          break
        }
        case 'Artalk': {
          const a = readTextInt('.artalk-count')
          renderBadge(a)
          break
        }
        default:
          renderBadge(0)
      }
    }

    const getCurrentType = () => {
      if (!use || !use.length) return null
      return commentContainer && commentContainer.classList.contains('move') ? use[1] : use[0]
    }

    const update = () => {
      const t = getCurrentType()
      if (t) updateFromSystem(t)
    }

    update()

    const debouncedUpdate = (fn => {
      try { return anzhiyu.debounce(fn, 200) } catch { return fn }
    })(update)

    const observer = new MutationObserver(() => debouncedUpdate())
    try {
      observer.observe(commentContainer, { childList: true, subtree: true, characterData: true })
      anzhiyu.addGlobalFn('pjax', () => observer.disconnect(), 'comment-count-observer')
    } catch {}

    const switchBtn = document.getElementById('switch-btn')
    if (switchBtn && typeof anzhiyu !== 'undefined' && anzhiyu.addEventListenerPjax) {
      anzhiyu.addEventListenerPjax(switchBtn, 'click', () => setTimeout(update, 0))
    } else if (switchBtn) {
      switchBtn.addEventListener('click', () => setTimeout(update, 0))
    }

  })()