From e04687102126497ef111dec62f0b40dec43f52ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=AA=E5=AD=90?= <jkjoy@live.cn>
Date: Tue, 29 Oct 2024 10:51:48 +0800
Subject: [PATCH] Update Artalk.astro

---
 src/components/Artalk.astro | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/Artalk.astro b/src/components/Artalk.astro
index a747522..15205d0 100644
--- a/src/components/Artalk.astro
+++ b/src/components/Artalk.astro
@@ -5,19 +5,20 @@ const { site, server } = Astro.props;
 <link href="https://artalk.loliko.cn/dist/Artalk.css" rel="stylesheet">
 <script src="https://artalk.loliko.cn/dist/Artalk.js"></script>
 <div id="Comments"></div>
-<script>
-document.addEventListener('astro:before-swap', () => {
+<script is:inline>
+ function initializeArtalk(document) {
   Artalk.init({
     el:        '#Comments', 
     server:    {server}, 
     site:      {site}, 
   });
-    });
-document.addEventListener('astro:before-swap', () => {    
-    Artalk.init({
-    el:        '#Comments', 
-    server:    {server}, 
-    site:      {site}, 
+    }
+  document.addEventListener('DOMContentLoaded', () => {
+    initializeArtalk(document);
+  });
+
+  document.addEventListener('astro:before-swap', event => {
+    // Pass the incoming document to initialize Artalk on it
+    initializeArtalk(event.newDocument);
   });
-    });
 </script>