js: prevent multiloading of comments block

gorenburg · Feb 3, 2025 · 9b464fb · 9b464fb
1 parent fd8a4e8
commit 9b464fb
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/comments.svelte b/src/components/comments.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { onDestroy, onMount } from "svelte"
 
+  let isCommentsBlockLoaded = false
   let commentsEl: HTMLElement
   let observer: IntersectionObserver
 
@@ -9,6 +10,7 @@
   }
 
   onMount(() => {
+    if (isCommentsBlockLoaded) { return }
     observer = new IntersectionObserver(loadCommentsLibrary, options)
     observer.observe(commentsEl)
   })
@@ -26,6 +28,7 @@
 
     scriptEl.setAttribute('data-chirpy-domain', 'ilya.gorenburg.com')
     document.body.appendChild(scriptEl)
+    isCommentsBlockLoaded = true
   }
 </script>