X-Git-Url: https://git.r.bdr.sh/rbdr/canvas/blobdiff_plain/3717f7fbf9ec110b51fe002cdced5d73ebd6136b..d7cea96940ddeb764c7343e05526f611863019d8:/src/lib/components/hud.svelte

diff --git a/src/lib/components/hud.svelte b/src/lib/components/hud.svelte
index ce32e0d..ffea4de 100644
--- a/src/lib/components/hud.svelte
+++ b/src/lib/components/hud.svelte
@@ -1,20 +1,19 @@
 <script>
-  export let x;
-  export let y;
+  import { coordinateLength } from '$lib/config';
+  import { canvas } from '$lib/stores/canvas';
 
-  const kCoordinateLength = 6;
   const kSeparatorRegex = /([0-9a-z]{2})/g;
 
   const formatCoordinate = function formatCoordinate(coordinate) {
     return coordinate
       .toString(16)
-      .padStart(kCoordinateLength, 0)
+      .padStart(coordinateLength, 0)
       .replace(kSeparatorRegex, '$1 ');
   }
 </script>
 
 <div class="hud">
-  { formatCoordinate(x) } × { formatCoordinate(y) }
+  { formatCoordinate($canvas.x) } × { formatCoordinate($canvas.y) }
 </div>
 
 <style>