message: Fix for - Ratings pre-selected are broken on the next page in vue
diff: <template>
  <div>
  <div :class="question.cssClasses.root">
  - <label v-for="(item, index) in question.visibleRateValues" :class="getCss(item)">
  + <label v-for="(item, index) in question.visibleRateValues" :class="getCss(question, item)">
  <input type="radio" style="display: none;" :name="question.name" :id="question.name + index" :value="item.value" :disabled="question.isReadOnly" @change="change" v-bind:aria-label="item.locText.text"/>
  <span v-if="index === 0" :class="question.cssClasses.minText"><survey-string :locString="question.locMinRateDescription"/></span>
  <span :class="question.cssClasses.itemText"><survey-string :locString="item.locText"/></span>
  </template>
  <script lang="ts">
  - import Vue from 'vue'
  - import {Component, Prop} from 'vue-property-decorator'
  - import {default as Question} from './question'
  - import {QuestionRatingModel} from '../question_rating'
  +import Vue from "vue";
  +import { Component, Prop } from "vue-property-decorator";
  +import { default as Question } from "./question";
  +import { QuestionRatingModel } from "../question_rating";
  @Component
  export default class Rating extends Question<QuestionRatingModel> {
  - selection = ''
  - getCss(item) {
  - let css = this.question.cssClasses.item;
  - if (this.selection == item.value || this.question.value == item.value) {
  - css = css + " " + this.question.cssClasses.selected;
  + getCss(question: QuestionRatingModel, item) {
  + let css = question.cssClasses.item;
  + if (question.value == item.value) {
  + css = css + " " + question.cssClasses.selected;
  }
  return css;
  }
  change(e) {
  - this.selection = this.question.value = e.target.value;
  + this.question.value = e.target.value;
  }
  }
  - Vue.component("survey-rating", Rating)
  +Vue.component("survey-rating", Rating);
  </script>
  