From 82cc7b969968f36f7b4e19c1464182ecfbf350dd Mon Sep 17 00:00:00 2001
From: libr <me@nvme0n1p.dev>
Date: Sun, 30 Nov 2025 16:46:38 +0800
Subject: [PATCH] comment

---
 src/components/Comment.astro | 73 ++++++++++++++++++++++++------------
 1 file changed, 50 insertions(+), 23 deletions(-)

diff --git a/src/components/Comment.astro b/src/components/Comment.astro
index 8c3fe65..ab367bd 100644
--- a/src/components/Comment.astro
+++ b/src/components/Comment.astro
@@ -1,25 +1,52 @@
 <div id="tcomment"></div>
 
-<script>
-  document.addEventListener('astro:page-load', () => {
-    (()=>{
-        const commentsContainer = document.getElementById('tcomment');
-        if (commentsContainer) {
-        const script = document.createElement('script');
-        script.src = 'https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js';
-        script.async = true;
-        script.onload = () => {
-            const initScript = document.createElement('script');
-            initScript.innerHTML = `
-                twikoo.init({
-                    envId: 'https://twikoo.hk.nvme0n1p.dev/',
-                    el: '#tcomment',
-                });
-            `;
-            document.body.appendChild(initScript);
-        };
-        document.body.appendChild(script);
-      } 
-    })();
-  });
-</script>
\ No newline at end of file
+<script is:inline>
+  (() => {
+    const TWIKOO_SRC =
+      'https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js'
+    const TARGET_SELECTOR = '#tcomment'
+    const state = { loading: false, loaded: false }
+
+    const initTwikoo = () => {
+      const container = document.querySelector(TARGET_SELECTOR)
+      if (!container) return
+
+      const runInit = () => {
+        if (state.loaded) return
+        state.loaded = true
+        window.twikoo?.init({
+          envId: 'https://twikoo.hk.nvme0n1p.dev/',
+          el: TARGET_SELECTOR,
+        })
+      }
+
+      if (window.twikoo) {
+        runInit()
+        return
+      }
+
+      if (state.loading) return
+      state.loading = true
+
+      const script = document.createElement('script')
+      script.src = TWIKOO_SRC
+      script.async = true
+      script.onload = runInit
+      script.onerror = (err) => {
+        console.error('Failed to load Twikoo:', err)
+      }
+      document.head.appendChild(script)
+    }
+
+    const onLoad = () => initTwikoo()
+
+    if (document.readyState === 'complete') {
+      onLoad()
+    } else {
+      window.addEventListener('load', onLoad, { once: true })
+    }
+
+    document.addEventListener('astro:page-load', onLoad)
+    document.addEventListener('astro:after-swap', onLoad)
+  })()
+</script>