Update to svelte 5

svelte/src/admin_panel/PeerTable.svelte

@@ -1,25 +1,22 @@
-<script>
+<script lang="ts">
+import { run } from 'svelte/legacy';
 import { flip } from "svelte/animate";
 import { formatDataVolume } from "util/Formatting";
 import SortButton from "layout/SortButton.svelte";
 
-export let peers = [];
-$: update_peers(peers)
+let { peers = $bindable([]) } = $props();
 let update_peers = (peers) => {
 	for (let peer of peers) {
 		peer.avg_network_total = peer.avg_network_tx + peer.avg_network_rx
 		peer.usage_percent = (peer.avg_network_tx / peer.port_speed) * 100
 		peer.network_ratio = Math.max(peer.avg_network_tx, peer.avg_network_rx) / Math.min(peer.avg_network_tx, peer.avg_network_rx)
-		if (peer.network_ratio === NaN) {
-			peer.network_ratio = 1
-		}
 	}
 
 	sort("")
 }
 
-let sort_field = "hostname"
-let asc = true
+let sort_field = $state("hostname")
+let asc = $state(true)
 let sort = (field) => {
 	if (field !== "" && field === sort_field) {
 		asc = !asc
@@ -49,6 +46,9 @@ let sort = (field) => {
 	})
 	peers = peers
 }
+run(() => {
+	update_peers(peers)
+});
 </script>
 
 <div class="table_scroll">