pjax

layout/includes/comments/index.pug

@@ -1,36 +1,38 @@
-if theme.comments && theme.comments.use
-  - const defaultComment = theme.comments.use[0]
-  hr
-  #post-comment
-    .comment-head
-      .comment-headling
-        i.fas.fa-comments.fa-fw
-        span= ' ' + _p('comment')
-      
-      if theme.comments.use.length > 1
-        .comment-switch
-          span.first-comment=defaultComment
-          label
-            input#switch-comments-btn(type="checkbox")
-            span.slider
-          span.second-comment=theme.comments.use[1]
+- let defaultComment = theme.comments.use[0]
+hr
+#post-comment
+  .comment-head
+    .comment-headling
+      i.fas.fa-comments.fa-fw
+      span= ' ' + _p('comment')
+    
+    if theme.comments.use.length > 1
+      .comment-switch
+        span.first-comment=defaultComment
+        label
+          input#switch-comments-btn(type="checkbox")
+          span.slider
+        span.second-comment=theme.comments.use[1]
 
 
-    .comment-wrap
-      each name, index in theme.comments.use
-        div(class=`comments-items-${index+1}` data-name=`${name}`)
-          case name
-            when 'Disqus'
-              include ./disqus.pug
-            when 'Valine'
-              include ./valine.pug
-            when 'Disqusjs'
-              include ./disqusjs.pug
-            when 'Livere'
-              include ./livere.pug
-            when 'Gitalk'
-              include ./gitalk.pug
-            when 'Utterances'
-              include ./utterances.pug
-            when 'Facebook Comments'
-              include ./facebook_comments.pug
+  .comment-wrap
+    each name in theme.comments.use
+      div
+        case name
+          when 'Disqus'
+            #disqus_thread
+          when 'Valine'
+            #vcomment.vcomment
+          when 'Disqusjs'
+            #disqus_thread
+          when 'Livere'
+            #lv-container(data-id="city" data-uid=theme.livere.uid)
+          when 'Gitalk'
+            #gitalk-container
+          when 'Utterances'
+            #utterances-wrap
+          when 'Facebook Comments'
+            .fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light'
+                        data-numposts= theme.facebook_comments.pageSize || 10
+                        data-order-by= theme.facebook_comments.order_by || 'social'
+                        data-width="100%")