Minimal example of how to use
useHitbox()to trigger animated floating numbers on an element.
<template> <div> <button ref="plus" @click="() => trigger(plus, 1)">+1</button> <button ref="minus" @click="() => trigger(minus, -1)">-1</button> </div> </template> <script setup> const { trigger } = useHitbox() const plus = ref(null) const minus = ref(null) </script>