Basic resizable example needed

[josvos]

I'm looking for the Vue version of the basic resizable example from the Moveable storybook (https://daybrush.com/moveable/storybook/?path=/story/basic--resizable), that only moves the corner/edge you drag when resizing and keeping the opposite corner/edge at the same place.

[jakenuts]

Same, I have a sneaking suspicion it's in the css not the properties.

[jifka]

Bump

I'm seeing a lot of examples out there where you can resize from the top and the bottom stays in place. Or you resize from the left and the right stays in place. But if I use the example code here, that just changes the width/height on resize, not matter what you drag, the object resizes to the right and down. Looking in the browser debug on working examples, I see that the x/y translation is being updated on resize but I don't see how to do it in the handleResize function. To add complexity, rotate the object and resize and it moves all over the place because the translation needs to be recalculated properly. How is this done the correct way with this library??