Взаимодействие между несколькими input type=range. VUE

хочу реализовать у себя на проекте который пишу на VUE выбор соотношений при помощи input type=range, есть несколько вариаций, 2 input type=range, 3 input type=range и 5 соответственно, тк они считают отдельные проценты сумма всех не должны превышать 100. Я столкнулся с несколькими трудностями, я попробовал реализовать сначала для 2 инпутов, в итоге получил некорректную работу тк значения изменяются не правильно один из инпутов показывает значение меньше или больше на 1.

    ratioValues() {
      if (this.readyMix.parts === 2) {
        let newValue = 100 - this.readyMix.ratio[1]
        let newValue2 = 100 - this.readyMix.ratio[0]
        console.log(parseFloat(newValue), newValue2)
        return this.$set(this.readyMix.ratio, 0, parseFloat(newValue)), this.$set(this.readyMix.ratio, 1, newValue2)
      }
      return 0
    }

Помогите разобраться в чем проблема или подсказать более правильный способ решения данной задачи.