From 3eba8499efe77bcc8f92611654d16140fbb6c8f6 Mon Sep 17 00:00:00 2001
From: Zry <37234999+zryyyy@users.noreply.github.com>
Date: Thu, 26 Sep 2024 22:32:49 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dwaline=20v3=E7=9A=84?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5=E9=97=AE=E9=A2=98=20(#926)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layout/_plugins/comments/waline/script.ejs | 41 ++++++++++++----------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/layout/_plugins/comments/waline/script.ejs b/layout/_plugins/comments/waline/script.ejs
index 906757676..d95da1473 100644
--- a/layout/_plugins/comments/waline/script.ejs
+++ b/layout/_plugins/comments/waline/script.ejs
@@ -1,8 +1,11 @@
-<script>
-  volantis.layoutHelper("comments",`<div id="waline"><i class="fa-solid fa-cog fa-spin fa-fw fa-2x"></i></div>`)
-  
+<script type="module">
+  import { init } from '<%- theme.cdn.waline_js %>';
+
+  volantis.layoutHelper("comments", `<div id="waline"><i class="fa-solid fa-cog fa-spin fa-fw fa-2x"></i></div>`)
+
   function p_waline() {
-    if(!document.querySelector("#waline"))return;
+    if (!document.querySelector("#waline")) return;
+    
     let locale = {};
     let path = pdata.commentPath;
     let pagePlaceholder = pdata.commentPlaceholder || "<%= theme.comments.waline.placeholder %>";
@@ -10,12 +13,12 @@
       let defaultPath = '<%= theme.comments.waline.path %>';
       path = defaultPath || decodeURI(window.location.pathname);
     }
-    if(pagePlaceholder.length != 0) {
+    if (pagePlaceholder.length != 0) {
       locale.placeholder = pagePlaceholder;
     }
 
     try {
-      Waline.init(Object.assign(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
+      init(Object.assign(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
         el: '#waline',
         path: path,
         // https://github.com/volantis-x/hexo-theme-volantis/issues/713
@@ -24,38 +27,38 @@
             let headers = new Headers();
             headers.set('Accept', 'application/json');
             <% if(!!theme.comments.waline.imageUploader?.token) { %>
-              headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
+              headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>');
             <% } %>
             let formData = new FormData();
             formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
-            return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
+            return fetch('<%= theme.comments.waline.imageUploader?.api %>', {
               method: 'POST',
               body: formData,
               headers: headers
-              }).then((resp) => resp.json())
-                .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
+            }).then((resp) => resp.json())
+              .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>);
           },
         <% } %>
         locale,
-      }),pdata.commentConfig));
+      }), pdata.commentConfig));
     } catch (error) {
-      alert(`Waline ${error}`)
+      alert(`Waline ${error}`);
     }
-    fancybox_waline()
+    fancybox_waline();
   }
 
   function fancybox_waline() {
-    if(typeof VolantisFancyBox === "undefined") {
+    if (typeof VolantisFancyBox === "undefined") {
       const checkFancyBox = setInterval(() => {
-        if(typeof VolantisFancyBox === "undefined") return;
+        if (typeof VolantisFancyBox === "undefined") return;
         clearInterval(checkFancyBox);
         VolantisFancyBox.bind('#waline .wl-content img:not(.wl-emoji)');
-      })
+      });
     } else {
       VolantisFancyBox.bind('#waline .wl-content img:not(.wl-emoji)');
     }
   }
 
-  volantis.css('<%= theme.cdn.waline_css %>')
-  volantis.js('<%- theme.cdn.waline_js %>').then(p_waline)
-</script>
\ No newline at end of file
+  volantis.css('<%= theme.cdn.waline_css %>');
+  volantis.js('<%- theme.cdn.waline_js %>').then(p_waline);
+</script>