From 76e8c55b7cf6e3ba928b9c5910145748b2a71e90 Mon Sep 17 00:00:00 2001
From: Pier-Jean Malandrino <pierjean.malandrino@scub.net>
Date: Fri, 3 Apr 2026 16:17:23 +0200
Subject: [PATCH] Fix BboxOverlay inline handler breaking production build

Vue template compiler in production mode rejects multi-statement
inline handlers without semicolons. Extract to a named function.
---
 frontend/src/features/analysis/ui/BboxOverlay.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/features/analysis/ui/BboxOverlay.vue b/frontend/src/features/analysis/ui/BboxOverlay.vue
index 0bfc219..3a242b5 100644
--- a/frontend/src/features/analysis/ui/BboxOverlay.vue
+++ b/frontend/src/features/analysis/ui/BboxOverlay.vue
@@ -20,10 +20,7 @@
       ref="canvasRef"
       class="overlay-canvas"
       @mousemove="onMouseMove"
-      @mouseleave="
-        hoveredElement = null
-        emit('highlight-element', -1)
-      "
+      @mouseleave="onMouseLeave"
     />
     <div v-if="hoveredElement" class="tooltip" :style="tooltipStyle">
       <span
@@ -158,6 +155,11 @@ function draw(): void {
   }
 }
 
+function onMouseLeave(): void {
+  hoveredElement.value = null
+  emit('highlight-element', -1)
+}
+
 function onMouseMove(e: MouseEvent): void {
   const canvas = canvasRef.value
   const img = props.imageEl