<commit_before><template>
 <div class="vuestic-chat">
   <div class="chat-body" :style="{'height': height}" v-sticky-scroll="{animate: true, duration: 500}">
     <div class="chat-message" v-for="message in value" :class="{'yours': message.yours, 'alien': !message.yours}">
        {{message.text}}
     </div>
   </div>
   <div class="chat-controls">
      <form role="form">
        <fieldset>
          <div class="form-group form-group-w-btn">
            <div class="input-group">
              <input type="text" @keypress="keyHandler($event)" v-model="inputMessage"/>
              <label class="control-label">Your message</label><i class="bar"></i>
            </div>
            <div class="btn btn-sm btn-primary" @click="sendMessage()">Send</div>
          </div>
        </fieldset>
      </form>
   </div>
 </div>
</template>

<script>
  import StickyScroll from 'directives/StickyScroll'

  export default {
    name: 'vuestic-chat',
    directives: {StickyScroll},
    props: {
      value: {
        type: Array,
        default: []
      },
      height: {
        default: '20rem'
      }
    },
    data () {
      return {
        inputMessage: ''
      }
    },<commit_msg>fix(vuestic-chat): fix reloading on enter<commit_after><template>
 <div class="vuestic-chat">
   <div class="chat-body" :style="{'height': height}" v-sticky-scroll="{animate: true, duration: 500}">
     <div class="chat-message" v-for="message in value" :class="{'yours': message.yours, 'alien': !message.yours}">
        {{message.text}}
     </div>
   </div>
   <div class="chat-controls">
        <fieldset>
          <div class="form-group form-group-w-btn">
            <div class="input-group">
              <input @keypress="keyHandler($event)" v-model="inputMessage" title=""/>
              <label class="control-label">Your message</label><i class="bar"></i>
            </div>
            <div class="btn btn-sm btn-primary" @click="sendMessage()">Send</div>
          </div>
        </fieldset>
   </div>
 </div>
</template>

<script>
  import StickyScroll from 'directives/StickyScroll'

  export default {
    name: 'vuestic-chat',
    directives: {StickyScroll},
    props: {
      value: {
        type: Array,
        default: []
      },
      height: {
        default: '20rem'
      }
    },
    data () {
      return {
        inputMessage: ''
      }
    },
{'fraction_non_alphanumeric': 0.18013468013468015, 'fraction_numerical': 0.004208754208754209, 'mean_word_length': 2.3105849582172704, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '524017', 'n_tokens_mistral': 771, 'n_tokens_neox': 749, 'n_words': 151}