<template>
  <quill-rich-text
    :disabled="question.options.readonly"
    :placeholder="
      t(
        'survey_creator.common.tips.please_input_answer',
        $rootComponent.currentLanguage
      )
    "
    :maxlength="question.options.wordLimit"
  ></quill-rich-text>
</template>

<script lang="ts">
import Vue from "vue";
import { Col, Radio, Row, Input } from "view-design";
import LocaleMixin from "../../../mixins/locale-mixin";
import { BaseQuestionModel } from "@wg-npm/survey-core";
import QuillRichText from "./quill-rich-text.vue";

export default Vue.extend({
  name: "fill-blank",
  components: { QuillRichText, Row, Col, Radio, Input },
  inject: ["$rootComponent"],
  mixins: [LocaleMixin],
  props: {
    question: {
      type: Object as () => BaseQuestionModel,
      required: true,
    },
  },
});
</script>
