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.
This commit is contained in:
Pier-Jean Malandrino 2026-04-03 16:17:23 +02:00
parent 226ae5994e
commit 76e8c55b7c

View file

@ -20,10 +20,7 @@
ref="canvasRef" ref="canvasRef"
class="overlay-canvas" class="overlay-canvas"
@mousemove="onMouseMove" @mousemove="onMouseMove"
@mouseleave=" @mouseleave="onMouseLeave"
hoveredElement = null
emit('highlight-element', -1)
"
/> />
<div v-if="hoveredElement" class="tooltip" :style="tooltipStyle"> <div v-if="hoveredElement" class="tooltip" :style="tooltipStyle">
<span <span
@ -158,6 +155,11 @@ function draw(): void {
} }
} }
function onMouseLeave(): void {
hoveredElement.value = null
emit('highlight-element', -1)
}
function onMouseMove(e: MouseEvent): void { function onMouseMove(e: MouseEvent): void {
const canvas = canvasRef.value const canvas = canvasRef.value
const img = props.imageEl const img = props.imageEl