From 5989252010bf6132b1b3ce17d72c13e4ee849c92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sat, 3 Aug 2024 12:02:24 +0200
Subject: [PATCH] refactor: use dev from SvelteKit

---
 .../organisms/InteractiveGlobe/InteractiveGlobe.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte b/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte
index 306b29a..6414965 100644
--- a/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte
+++ b/apps/website/src/components/organisms/InteractiveGlobe/InteractiveGlobe.svelte
@@ -3,6 +3,7 @@
 </style>
 
 <script lang="ts">
+    import { dev } from '$app/environment'
     import { getContext } from 'svelte'
     import { fade, fly as flySvelte } from 'svelte/transition'
     import { quartOut } from 'svelte/easing'
@@ -13,15 +14,13 @@
     // Components
     import SplitText from '$components/SplitText.svelte'
 
-    const isDev = import.meta.env.DEV
-
     let {
         type,
         autoRotate = true,
         enableMarkers = true,
         enableMarkersLinks = true,
         speed = 0.1,
-        pane = isDev,
+        pane = dev,
         width,
     }: {
         type?: string
@@ -81,17 +80,18 @@
             if (isIntersecting) {
                 update()
 
-                if (isDev) {
+                if (dev) {
                     console.log('globe: render/start')
                 }
             } else {
                 stop()
 
-                if (isDev) {
+                if (dev) {
                     console.log('globe: render/stop')
                 }
             }
         }, { threshold: 0 })
+
         observer.observe(globeEl)