Update

src/components/FightStatsChart.svelte

@@ -33,9 +33,13 @@
     import type {FightStats} from "@type/stats.ts"
     import 'chartjs-adapter-dayjs-4'
 
-    export let data: FightStats;
+  interface Props {
+    data: FightStats;
+  }
+
+  let { data }: Props = $props();
     let chart: Chart<"line", {x: string; y: number}[], unknown>;
-    let canvas: HTMLCanvasElement;
+    let canvas: HTMLCanvasElement = $state();
 
     onMount(async () => {
         Chart.register(LineController, LineElement, PointElement, LinearScale, TimeScale, Tooltip, Legend, Title)
@@ -101,5 +105,5 @@
 </script>
 
 <div>
-    <canvas bind:this={canvas} />
+    <canvas bind:this={canvas}></canvas>
 </div>