How to manually update X and Y

Is any way to manually update props: X and Y? My code didn’t work ( only prop text has been updated ):

<template>
  <div id="app">
    <div style="height: 300px; border: 1px solid blue; margin: 0">
      <template v-for="element in elements">
        <vue-draggable-resizable :parent="true" :resizable="true" :x.sync="element.x" :y.sync="element.y" style="border: 1px solid">
          <p :style="{ color: element.color }">{{ element.text }}<button @click="reset(element)">reset</button></p>
        </vue-draggable-resizable>
      </template>
    </div>
  </div>
</template>

<script>
import VueDraggableResizable from './components/vue-draggable-resizable'

export default {
  name: 'app',
  components: {
    'vue-draggable-resizable': VueDraggableResizable
  },
  data: function () {
    return {
      elements: [
        {
          text: 'Component 1',
          x: 0,
          y: 0,
          color: 'red'
        },
        {
          text: 'Component 3',
          x: 0,
          y: 200,
          color: 'blue'
        }
      ]
    }
  },
  methods: {
    reset: function (element) {
      element.x = 0
      element.y = 0
      element.text = 'RESET'
    }
  }
}
</script>

<style>
  .active {
    border: 1px dashed black;
  }
</style>

[TitanFighter]

@romucci , you can check this

[mauricius]

This is fixed with the new major version available on the dev branch. Right now it is in beta, but I hope to release it soon.