added ;

cotmw/src/components/HUD.vue

@@ -1,42 +1,42 @@
 <script setup>
-  import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
+  import { ref, reactive, onMounted, onBeforeUnmount } from 'vue';
   import HUDRow from "@/components/HUDRow.vue";
 
-  const collapsed = ref(false)
+  const collapsed = ref(false);
 
-  const pos = reactive({ x: 20, y: 20 })
+  const pos = reactive({ x: 20, y: 20 });
-  const dragging = ref(false)
+  const dragging = ref(false);
-  const dragOffset = { x: 0, y: 0 }
+  const dragOffset = { x: 0, y: 0 };
 
   function onMouseDown(e){
-    dragging.value = true
+    dragging.value = true;
-    dragOffset.x = e.clientX - pos.x
+    dragOffset.x = e.clientX - pos.x;
-    dragOffset.y = e.clientY - pos.y
+    dragOffset.y = e.clientY - pos.y;
-    e.preventDefault()
+    e.preventDefault();
   }
 
   function onMouseMove(e){
-    if(!dragging.value) return
+    if(!dragging.value) return;
-    pos.x = e.clientX - dragOffset.x
+    pos.x = e.clientX - dragOffset.x;
-    pos.y = e.clientY - dragOffset.y
+    pos.y = e.clientY - dragOffset.y;
   }
 
   function onMouseUp(){
-    dragging.value = false
+    dragging.value = false;
   }
 
   onMounted(() => {
-    window.addEventListener('mousemove', onMouseMove)
+    window.addEventListener('mousemove', onMouseMove);
-    window.addEventListener('mouseup', onMouseUp)
+    window.addEventListener('mouseup', onMouseUp);
   })
 
   onBeforeUnmount(() => {
-    window.removeEventListener('mousemove', onMouseMove)
+    window.removeEventListener('mousemove', onMouseMove);
-    window.removeEventListener('mouseup', onMouseUp)
+    window.removeEventListener('mouseup', onMouseUp);
   })
 
   function toggleHUD() {
-    collapsed.value = !collapsed.value
+    collapsed.value = !collapsed.value;
   }
 
   var logging = true;