Update resize method and debounce it on component

src/components/organisms/InteractiveGlobe2.svelte

@@ -7,7 +7,7 @@
     import { fly } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
     import { Globe, type Marker } from '$modules/globe2'
-    import { getRandomItem } from '$utils/functions'
+    import { getRandomItem, debounce } from '$utils/functions'
     // Components
     import Image from '$components/atoms/Image.svelte'
 
@@ -90,9 +90,9 @@
     }
 
     // Resize
-    const resize = () => {
+    const resize = debounce(() => {
         globe.resize()
-    }
+    }, 100)
 
     // Destroy
     const destroy = () => {

src/modules/globe2/index.ts

@@ -210,6 +210,8 @@ export class Globe {
      */
     resize () {
         // this.renderer.setSize(window.innerWidth, window.innerHeight)
+        this.width = this.el.offsetWidth
+        this.height = this.el.offsetHeight
         this.renderer.setSize(this.width, this.height)
         this.camera.perspective({
             aspect: this.gl.canvas.width / this.gl.canvas.height