Fix object print to screen.

src/lib/Loading.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { loading } from '$lib/loading';
+  import { loading } from '$lib/loading'
 
   $: if ($loading.status === 'NAVIGATING') {
     setTimeout(() => {
       if ($loading.status === 'NAVIGATING') {
-        $loading.status = 'LOADING';
+        $loading.status = 'LOADING'
       }
-    }, 400);
+    }, 400)
   }
 </script>
 
@@ -35,11 +35,10 @@
 
   @keyframes moveLoader {
     from {
-      transform: translate3d(100px, 0, 0);
+      transform: translate3d(100px, 0, 0)
     }
-
     to {
-      transform: translate3d(-100px, 0, 0);
+      transform: translate3d(-100px, 0, 0)
     }
   }
 </style>

src/lib/loading.ts

@@ -1,17 +1,17 @@
-import { writable } from "svelte/store";
+import { writable } from 'svelte/store';
 
 const newLoading = () => {
   const { subscribe, update, set } = writable({
-    status: "IDLE", // IDLE, LOADING, NAVIGATING
-    message: ""
+    status: 'IDLE', // IDLE, LOADING, NAVIGATING
+    message: '',
   });
 
   function setNavigate(isNavigating: boolean) {
     update(() => {
       return {
         status: isNavigating ? 'NAVIGATING' : 'IDLE',
-        message: ''
-      }
+        message: '',
+      };
     });
   }
 
@@ -19,12 +19,12 @@ const newLoading = () => {
     update(() => {
       return {
         status: isLoading ? 'LOADING' : 'IDLE',
-        message: isLoading ? message : ''
-      }
-    })
+        message: isLoading ? message : '',
+      };
+    });
   }
 
   return { subscribe, update, set, setNavigate, setLoading };
-}
+};
 
 export const loading = newLoading();

src/routes/__layout.svelte

@@ -8,8 +8,6 @@
   $: loading.setNavigate(!!$navigating);
 </script>
 
-{$loading}
-
 <slot />
 
 <button on:click={() => loading.setLoading(true, "I'm loading")}>Set Loading</button>