feat: nds render system

app/composables/useRender.ts

@@ -0,0 +1,18 @@
+export type RenderCallback = (ctx: CanvasRenderingContext2D) => void;
+
+export const useRender = (callback: RenderCallback) => {
+  const registerRenderCallback = inject<
+    (callback: RenderCallback) => () => void
+  >("registerRenderCallback");
+
+  onMounted(() => {
+    if (!registerRenderCallback) {
+      throw new Error(
+        "Missing registerRenderCallback - useRender must be used within a Screen component",
+      );
+    }
+
+    const unregister = registerRenderCallback(callback);
+    onUnmounted(unregister);
+  });
+};

app/composables/useUpdate.ts

@@ -0,0 +1,18 @@
+export type UpdateCallback = (deltaTime: number, realFrameTime: number) => void;
+
+export const useUpdate = (callback: UpdateCallback) => {
+  const registerUpdateCallback = inject<
+    (callback: UpdateCallback) => () => void
+  >("registerUpdateCallback");
+
+  onMounted(() => {
+    if (!registerUpdateCallback) {
+      throw new Error(
+        "Missing registerUpdateCallback - useUpdate must be used within a Screen component",
+      );
+    }
+
+    const unregister = registerUpdateCallback(callback);
+    onUnmounted(unregister);
+  });
+};