chore: add prettier and format

app/components/Screen.vue

@@ -10,61 +10,61 @@ let lastFrameTime = 0;
 let lastRealFrameTime = 0;
 
 const registerUpdateCallback = (callback: UpdateCallback) => {
-    updateCallbacks.add(callback);
-    return () => updateCallbacks.delete(callback);
+  updateCallbacks.add(callback);
+  return () => updateCallbacks.delete(callback);
 };
 
 const registerRenderCallback = (callback: RenderCallback) => {
-    renderCallbacks.add(callback);
-    return () => renderCallbacks.delete(callback);
+  renderCallbacks.add(callback);
+  return () => renderCallbacks.delete(callback);
 };
 
 const renderFrame = (timestamp: number) => {
-    if (!ctx) return;
+  if (!ctx) return;
 
-    const deltaTime = timestamp - lastFrameTime;
-    lastFrameTime = timestamp;
+  const deltaTime = timestamp - lastFrameTime;
+  lastFrameTime = timestamp;
 
-    const start = Date.now();
+  const start = Date.now();
 
-    // update
-    for (const callback of updateCallbacks) {
-        callback(deltaTime, lastRealFrameTime);
-    }
+  // update
+  for (const callback of updateCallbacks) {
+    callback(deltaTime, lastRealFrameTime);
+  }
 
-    // render
-    ctx.clearRect(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
+  // render
+  ctx.clearRect(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
 
-    for (const callback of renderCallbacks) {
-        callback(ctx);
-    }
+  for (const callback of renderCallbacks) {
+    callback(ctx);
+  }
 
-    lastRealFrameTime = Date.now() - start;
+  lastRealFrameTime = Date.now() - start;
 
-    animationFrameId = requestAnimationFrame(renderFrame);
+  animationFrameId = requestAnimationFrame(renderFrame);
 };
 
 onMounted(() => {
-    if (!canvas.value) throw new Error("Missing canvas");
+  if (!canvas.value) throw new Error("Missing canvas");
 
-    ctx = canvas.value.getContext("2d");
-    if (!ctx) throw new Error("Missing 2d context");
+  ctx = canvas.value.getContext("2d");
+  if (!ctx) throw new Error("Missing 2d context");
 
-    provide("registerUpdateCallback", registerUpdateCallback);
-    provide("registerRenderCallback", registerRenderCallback);
+  provide("registerUpdateCallback", registerUpdateCallback);
+  provide("registerRenderCallback", registerRenderCallback);
 
-    animationFrameId = requestAnimationFrame(renderFrame);
+  animationFrameId = requestAnimationFrame(renderFrame);
 });
 
 onUnmounted(() => {
-    if (animationFrameId !== null) {
-        cancelAnimationFrame(animationFrameId);
-    }
+  if (animationFrameId !== null) {
+    cancelAnimationFrame(animationFrameId);
+  }
 });
 </script>
 
 <template>
-    <canvas ref="canvas" :width="SCREEN_WIDTH" :height="SCREEN_HEIGHT" />
+  <canvas ref="canvas" :width="SCREEN_WIDTH" :height="SCREEN_HEIGHT" />
 
-    <slot v-if="canvas" />
+  <slot v-if="canvas" />
 </template>