Fix - onion animations when percentage value is more than 33%

[cyrilf]

On the documentation page for vue-ui-onion there is an issue with the animation.

It seems that if a dataset has data with a percentage higher than 33, it will produce a flickering effect where the ring is flipping on the left-side. This PR fixes it.

Before	After

---

Maybe the intention with the ternary and the > 1 / 3 in the code is different than what I understand and the fix is somewhere else?

[graphieros]

The fix involved a different approach than relying on just the circumference to create coordinates for the active path.

Your solution did fix the janky animation, but kept incorrect path proportions (an issue that was already there). This issue is visible when setting all values to 50, where the path does draw half of the circle circumference, however the path must cover 270° instead of the full 360°:

I pushed the fix in v2.3.69. As for comparison, here is the result with the fix:

[cyrilf]

Nice, glad to see it fixed! ✨