Await event listeners and unlisten on unmount

src/App.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount } from "svelte";
+  import { onDestroy, onMount } from "svelte";
 
   import { invoke } from "@tauri-apps/api/core";
   import { listen } from "@tauri-apps/api/event";
@@ -18,22 +18,26 @@
 
   const activeRouteStore = router.activeRouteStore;
 
+  type UnlistenFn = () => void;
+  let unlisten_events: UnlistenFn | undefined = undefined;
+  let unlisten_node: UnlistenFn | undefined = undefined;
+
   onMount(async () => {
-    try {
-      await listen("event", event => {
-        console.log(event.payload);
-      });
+    unlisten_events = await listen("event", event => {
+      console.log(event.payload);
+    });
 
-      await listen<boolean>("node_running", event => {
-        nodeRunning.set(event.payload);
-      });
+    unlisten_node = await listen<boolean>("node_running", event => {
+      nodeRunning.set(event.payload);
+    });
+
+    try {
       // For development purposes don't run tauri commands when viewing from
       // a browser.
       if (window.__TAURI_INTERNALS__) {
         await invoke("authenticate");
       }
 
-      void router.loadFromLocation();
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
     } catch (e: any) {
       void router.push({
@@ -43,9 +47,16 @@
           hint: e.hint,
         },
       });
+    } finally {
+      void router.loadFromLocation();
     }
   });
 
+  onDestroy(() => {
+    if (unlisten_node) unlisten_node();
+    if (unlisten_events) unlisten_events();
+  });
+
   $: document.documentElement.setAttribute("data-theme", $theme);
 </script>