X-Git-Url: https://git.r.bdr.sh/rbdr/canvas/blobdiff_plain/2df937df1372359babd123d1361e702a1a4b8168..c55cffecda48be785d89721dc8c8f04c99270b2d:/src/lib/components/hud.svelte?ds=sidebyside

diff --git a/src/lib/components/hud.svelte b/src/lib/components/hud.svelte
index f79658a..ffea4de 100644
--- a/src/lib/components/hud.svelte
+++ b/src/lib/components/hud.svelte
@@ -1,8 +1,6 @@
 <script>
   import { coordinateLength } from '$lib/config';
-
-  export let x;
-  export let y;
+  import { canvas } from '$lib/stores/canvas';
 
   const kSeparatorRegex = /([0-9a-z]{2})/g;
 
@@ -15,7 +13,7 @@
 </script>
 
 <div class="hud">
-  { formatCoordinate(x) } × { formatCoordinate(y) }
+  { formatCoordinate($canvas.x) } × { formatCoordinate($canvas.y) }
 </div>
 
 <style>