[Feature request] Setters for reactives options about svg-gauge HOT 3 OPEN

import Vue from "vue";

import Gauge from "svg-gauge";
import axios from "axios";

export default Vue.extend({
  name: "Gauge",

  data() {
    return {
      interval: null,
      gauge: null,
      totaltime: 0,
      timeleft: 0,
      status: "",
      lidError: "",
      UpperPlateTemperature: "",
      BottomPlateTemperature: "",
      recipe: ""
    };
  },

  computed: {
    timeElapsed() {
      return this.totaltime - this.timeleft;
    },
    value() {
      return Math.round(this.timeElapsed / this.totaltime * 100);
    },
    finished() {
      if (this.timeleft <= 0) {
        this.$emit("finished");
        return true;
      }
      return false;
    }
  },
  mounted() {
    this.createGauge();
    this.loadData();
  },
  methods: {
    tickIt() {
      this.interval = setInterval(() => {
        this.timeleft--;
        this.gauge.setValue(this.value);
      }, 1000);

      this.$on("finished", () => {
        clearInterval(this.interval);
      });
    },
    createGauge() {
      this.gauge = Gauge(this.$refs.gauge, {
        max: 100,
        value: 0,
        showValue: false,
        dialRadius: 48,
        gaugeClass: "gauge",
        dialClass: "dial",
        valueDialClass: "value",
        valueTextClass: "value-text"
      });
    },
    async loadData() {
      clearInterval(this.interval);
      try {
        let res = await axios.get(`/gaugeValues`);
        this.totaltime = res.data["CookingTime"];
        this.timeleft = res.data["RunTime"];
      } catch (error) {
       console.log(error);
      }

      this.gauge.setValueAnimated(this.value, 1);
      this.tickIt();
    }
  }
});