message: vue
  -- question titles&comments
diff: <div>
  <h4 v-show="hasTitle" :class="css.pageTitle">{{num + page.processedTitle}}</h4>
  <div v-for="row in rows" v-show="row.visible" :class="css.row">
  - <component :is="'survey-' + question.getType()" v-for="question in row.questions" :question="question" :isEditMode="survey.isEditMode" :css="css"/>
  + <div v-for="question in row.questions" :class="css.question.root" style="vertical-align:top" :id="row.id" :style="{display: question.visible ? 'inline-block': 'none', marginLeft: getIndentSize(question, question.indent), paddingRight: getIndentSize(question, question.rightIndent), width: question.renderWidth }">
  + <h5 v-if="question.hasTitle" :class="css.question.title" v-show="survey.questionTitleLocation === 'top'">{{question.title}}</h5>
  + <!-- ko template: { name: 'survey-question-errors', data: question } -->
  + <!-- /ko -->
  + <component :is="'survey-' + question.getType()" :question="question" :isEditMode="survey.isEditMode" :css="css"/>
  + <div v-show="question.hasComment">
  + <div>{{question.commentText}}</div>
  + <survey-comment :question="question" :isEditMode="survey.isEditMode" :css="css"/>
  + </div>
  + <h5 v-if="question.hasTitle" v-show="survey.questionTitleLocation === 'bottom'" :class="css.question.title">{{question.title}}</h5>
  + </div>
  </div>
  </div>
  </template>
  import {Component, Prop} from 'vue-property-decorator'
  import {surveyCss} from "../defaultCss/cssstandard"
  import {VueSurveyModel} from './surveyModel'
  + import {Question as QuestionModel} from '../question'
  import {PageModel} from '../page'
  @Component
  get rows () {
  return this.page.rows;
  }
  + getIndentSize(question: QuestionModel, indent: number): string {
  + if (indent < 1) return "";
  + if (!question["data"]) return "";
  + var css = question["data"]["css"];
  + if (!css) return "";
  + return indent * css.question.indent + "px";
  + }
  }
  Vue.component("survey-page", Page)
  </script>
  \ No newline at end of file
  