move event listener to svelte window

Author: thejessewinton

src/lib/components/blog/table-of-contents.svelte

@@ -9,14 +9,16 @@
 
     let isScrolled: boolean = false;
 
-    window.addEventListener('scroll', () => {
+    const handleIsScrolled = () => {
         isScrolled = !!window.scrollY;
-    });
+    };
 
     export let toc: Array<TocItem> = [];
     export let heading: string = 'Table of Contents';
 </script>
 
+<svelte:window on:scroll={handleIsScrolled} />
+
 <nav class="sticky top-32 col-span-3 mt-2 -ml-4 hidden h-[800px] flex-col gap-6 lg:flex">
     <span class="text-micro tracking-loose text-primary font-aeonik-fono ps-6 uppercase"
         >{heading}</span