It would be better with element.getBoundingClientRect()

[mihalcea-bogdan-daniel]

vue-composable/packages/vue-composable/src/dom/mouseDistanceFromElement.ts

Line 54 in 879528a

Math.pow(pageX.value - (elem.offsetLeft + elem.clientWidth / 2), 2) +

I don't have time right now to fork-fix-pull request. I will do it in 1 week from now if you want.

Awesome repository! ❤️

[mihalcea-bogdan-daniel]

Something like this I did.

export interface BoundingClientRect {
  bottom: number,
  left: number,
  right: number,
  height: number,
  top: number,
  width: number,
  x: number,
  y: number
}

const rect:BoundingClientRect = elem.$el.getBoundingClientRect();
      return Math.floor(
        Math.sqrt(
          Math.pow(pageX.value - (rect.left + rect.width / 2), 2) +
            Math.pow(pageY.value - (rect.top + rect.height / 2), 2)
        )
      );