Почему не обновляется props в компоненте vue?

Не обновляется props компонента библиотеки (animation) при изменении обьекта в другом компоненте:

<vue-circle
    ref="myUniqueID"
          :progress="progress"
          :size="180"
          :reverse="false"
          line-cap="round"
          :fill="fill"
          empty-fill="rgba(0, 0, 0, .1)"
          :animation="sduration"
          :animation-start-value="1.0"
          :start-angle="0"
          insert-mode="append"
          :thickness="5"
          :show-percent="true"
          @vue-circle-progress="progress"
          @vue-circle-end="progress_end">
</vue-circle>

<script>
import VueCircle from "vue2-circle-progress";
import Cell from "./Cell.vue";
export default {
  components: {
    VueCircle,
    Cell,
  },
  data() {
    return {
      sduration: { duration: 300, easing: 'circleProgressEasing' },
  }
  methods: {
progress_end(event) {
      if (!this.isClickIgn) {
        this.sduration = { duration: 1800, easing: 'circleProgressEasing' };
      
        if (this.progress > 0) {
          if (this.progress >= 10) {
            this.progress -= 10;
          } else {
            this.progress = 0;
          }
          this.$refs.myUniqueID.updateProgress(this.progress);
        }
      }
      /**/
    },
}
}