Best practise v-tooltip in for-loop

[jnsprnw]

I’m using v-tooltip for a data visualisation where every dot in a svg graphic has a tooltip. I’m using code similar to this:

<template>
  <g>
    <circle
      v-for="dot in points"
      v-tooltip="dot.tooltip" />
  </g>
</template>

It is working but the tooltip is recreated for every dot. Especially when quickly hovering items after each other this results in flickering.
I was wondering if multiple items could share a single tooltip that changes position and content.

You can find a working example here: https://tci-scatterplot.netlify.com/