update

layout/includes/third-party/comments/utterances.pug

@@ -5,24 +5,33 @@
 
 script.
   (() => {
+    const isShuoshuo = GLOBAL_CONFIG_SITE.isShuoshuo
+    const option = !{JSON.stringify(option)}
     const getUtterancesTheme = theme => theme === 'dark' ? '#{dark_theme}' : '#{light_theme}'
 
-    const loadUtterances = () => {
-      const config = Object.assign({
-        id: 'utterances_comment',
+    const loadUtterances = (el = document, key) => {
+      if (isShuoshuo) {
+        window.shuoshuoComment.destroyUtterances = () => {
+          if (el.children.length) {
+            el.innerHTML = ''
+            el.classList.add('no-comment')
+          }
+        }
+      }
+
+      const config = {
         src: '!{utterancesUrl}',
         repo: '!{repo}',
-        'issue-term': '!{issue_term}',
         theme: getUtterancesTheme(document.documentElement.getAttribute('data-theme')),
         crossorigin: 'anonymous',
-        async: true
-      },!{JSON.stringify(option)})
+        async: true,
+        ...option,
+        'issue-term': isShuoshuo ? key : (option && option['issue-term']) || '!{issue_term}'
+      }
 
       const ele = document.createElement('script')
-      for (let key in config) {
-        ele.setAttribute(key, config[key])
-      }
-      document.getElementById('utterances-wrap').appendChild(ele)
+      Object.entries(config).forEach(([key, value]) => ele.setAttribute(key, value))
+      el.querySelector('#utterances-wrap').appendChild(ele)
     }
 
     const changeUtterancesTheme = theme => {
@@ -38,6 +47,13 @@ script.
 
     btf.addGlobalFn('themeChange', changeUtterancesTheme, 'utterances')
 
+    if (isShuoshuo) {
+      '!{use[0]}' === 'Utterances'
+        ? window.shuoshuoComment = { loadComment: loadUtterances }
+        : window.loadOtherComment = loadUtterances
+      return
+    }
+    
     if ('!{use[0]}' === 'Utterances' || !!{lazyload}) {
       if (!{lazyload}) btf.loadComment(document.getElementById('utterances-wrap'), loadUtterances)
       else loadUtterances()