From f1b0ba2c4c07a2f2a86f26845eba656a58123f1d Mon Sep 17 00:00:00 2001
From: Wurielle <Wurielle@users.noreply.github.com>
Date: Sat, 12 Oct 2024 13:52:36 +0000
Subject: [PATCH] style: prettier formatting

---
 .../app/src/modules/vue-hitboxes/NvHitbox.vue | 24 +++----
 apps/app/src/modules/vue-hitboxes/index.ts    | 72 +++++++++----------
 2 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/apps/app/src/modules/vue-hitboxes/NvHitbox.vue b/apps/app/src/modules/vue-hitboxes/NvHitbox.vue
index d1edcf1d..cb858e2b 100644
--- a/apps/app/src/modules/vue-hitboxes/NvHitbox.vue
+++ b/apps/app/src/modules/vue-hitboxes/NvHitbox.vue
@@ -1,6 +1,6 @@
 <template>
   <div ref="componentRef" :data-hitbox-id="id">
-    <slot/>
+    <slot />
   </div>
 </template>
 <script lang="ts" setup>
@@ -37,17 +37,17 @@ const onHitboxUpdate = () => {
   }
 }
 const updateHitbox = throttle(
-    () => {
-      if (componentRef.value) {
-        const bounds = componentRef.value.getBoundingClientRect()
-        hitboxes.value.x = bounds.x * pixelRatio.value
-        hitboxes.value.y = bounds.y * pixelRatio.value
-        hitboxes.value.w = bounds.width * pixelRatio.value
-        hitboxes.value.h = bounds.height * pixelRatio.value
-      }
-    },
-    250,
-    { leading: true, trailing: true },
+  () => {
+    if (componentRef.value) {
+      const bounds = componentRef.value.getBoundingClientRect()
+      hitboxes.value.x = bounds.x * pixelRatio.value
+      hitboxes.value.y = bounds.y * pixelRatio.value
+      hitboxes.value.w = bounds.width * pixelRatio.value
+      hitboxes.value.h = bounds.height * pixelRatio.value
+    }
+  },
+  250,
+  { leading: true, trailing: true },
 )
 
 useIntersectionObserver(componentRef, updateHitbox)
diff --git a/apps/app/src/modules/vue-hitboxes/index.ts b/apps/app/src/modules/vue-hitboxes/index.ts
index 5b8df8de..7e59be93 100644
--- a/apps/app/src/modules/vue-hitboxes/index.ts
+++ b/apps/app/src/modules/vue-hitboxes/index.ts
@@ -7,43 +7,43 @@ import { useDevicePixelRatio } from '@vueuse/core'
 export const hitboxClass = 'hitbox'
 
 const onElementChange = (element: Element, callback: () => any) => {
-    const resizeObserver = new ResizeObserver(callback)
-    const intersectionObserver = new IntersectionObserver(callback)
-    const mutationObserver = new MutationObserver(callback)
-    resizeObserver.observe(element)
-    intersectionObserver.observe(element)
-    mutationObserver.observe(element, { attributes: true })
-    window.addEventListener('resize', callback)
-    window.addEventListener('focus', callback)
-    return () => {
-        resizeObserver.unobserve(element)
-        intersectionObserver.unobserve(element)
-        mutationObserver.disconnect()
-        window.removeEventListener('resize', callback)
-        window.removeEventListener('focus', callback)
-    }
+  const resizeObserver = new ResizeObserver(callback)
+  const intersectionObserver = new IntersectionObserver(callback)
+  const mutationObserver = new MutationObserver(callback)
+  resizeObserver.observe(element)
+  intersectionObserver.observe(element)
+  mutationObserver.observe(element, { attributes: true })
+  window.addEventListener('resize', callback)
+  window.addEventListener('focus', callback)
+  return () => {
+    resizeObserver.unobserve(element)
+    intersectionObserver.unobserve(element)
+    mutationObserver.disconnect()
+    window.removeEventListener('resize', callback)
+    window.removeEventListener('focus', callback)
+  }
 }
 export const watchHitbox = (selector: string) => {
-    ready(selector, (element: Element) => {
-        const id = uuid()
-        const hitboxesStore = useHitboxesStore()
-        const { pixelRatio } = useDevicePixelRatio()
-        const updateHitboxes = throttle(() => {
-            if (element) {
-                const { x, y, width: w, height: h } = element.getBoundingClientRect()
-                hitboxesStore.addHitbox({
-                    id,
-                    x: x * pixelRatio.value,
-                    y: y * pixelRatio.value,
-                    w: w * pixelRatio.value,
-                    h: h * pixelRatio.value,
-                })
-            } else {
-                hitboxesStore.removeHitbox(id)
-            }
-        }, 250)
-        onElementChange(element, updateHitboxes)
-    })
+  ready(selector, (element: Element) => {
+    const id = uuid()
+    const hitboxesStore = useHitboxesStore()
+    const { pixelRatio } = useDevicePixelRatio()
+    const updateHitboxes = throttle(() => {
+      if (element) {
+        const { x, y, width: w, height: h } = element.getBoundingClientRect()
+        hitboxesStore.addHitbox({
+          id,
+          x: x * pixelRatio.value,
+          y: y * pixelRatio.value,
+          w: w * pixelRatio.value,
+          h: h * pixelRatio.value,
+        })
+      } else {
+        hitboxesStore.removeHitbox(id)
+      }
+    }, 250)
+    onElementChange(element, updateHitboxes)
+  })
 }
 
-watchHitbox(`.${ hitboxClass }`)
+watchHitbox(`.${hitboxClass}`)