Computed props

algo.js

computed: {
        strokeDashoffset() {
            return DEFAULT_SIZE * (1 - (this.computedPercentage / 100));
        },
        xAxis() {
            if (this.computedPercentage >= 100) {
                return TREE_DIGITS_X_AXIS;
            } else if (this.computedPercentage >=0 && this.computedPercentage <=9) {
                return ONE_DIGITS_X_AXIS;
            }
            return DEFAULT_DIGITS_X_AXIS;
        },
        computedDirection() {
            if (this.direction !== DIRECTION_MID && this.direction !== DIRECTION_LEFT && this.direction !== DIRECTION_RIGHT) {
                return DIRECTION_MID;
            }
            return this.direction;
            
        },
        computedPercentage() {
            if (this.percentage > FULL_CIRCLE_PERCENTAGE) {
                return FULL_CIRCLE_PERCENTAGE;
            } else if (this.percentage < EMPTY_CIRCLE_PERCENTAGE) {
                return EMPTY_CIRCLE_PERCENTAGE;
            }
            return this.percentage;            
        }
    },