feat: centralize all screen related callbacks in useScreen

2025-12-29 21:01:19 +01:00
parent e9412a2e20
commit f60fb3625c
42 changed files with 184 additions and 128 deletions
--- a/app/components/Settings/TopScreen/Clock.vue
+++ b/app/components/Settings/TopScreen/Clock.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
-const CENTER_X = 63;
-const CENTER_Y = 95;
+const { onRender } = useScreen();

 const app = useAppStore();
 const { assets } = useAssets();

+const CENTER_X = 63;
+const CENTER_Y = 95;
+
 function drawLine(
  ctx: CanvasRenderingContext2D,
  x0: number,
@@ -50,7 +52,7 @@ function drawLine(
  }
 }

-useRender((ctx) => {
+onRender((ctx) => {
  ctx.translate(0, -16);

  ctx.drawImage(assets.home.topScreen.clock, 13, 45);