Как я могу получить требуемый ввод с помощью vuejs

У меня есть чат, и я не хочу, чтобы люди отправляли пустые сообщения, поэтому я хотел бы, чтобы мой вклад стал обязательным. Спасибо за вашу помощь.

Я пытался поставить "required='required'" в строку ввода, я также пробовал veeValidate, но это сломало мой чат, когда я его использовал, я также пытался поставить "Required = true" в свойствах и данных, но без хорошего результата

Это ChatForm.vue

<template>
    <div class = "input-group" >
        <input id = "btn-input" type = "text" name = "message"  class = "form-control input-sm" placeholder = "Ecrire..." v-model = "newMessage" @keyup.enter = "sendMessage">

        <span class = "input-group-btn">
            <button class = "btn btn-primary btn-sm"  id = "btn-chat" @click = "sendMessage">
                &#10003
            </button>
        </span>
    </div>
</template>

<script>


    export default {
        props: ['user'],

        data() {
            return {
                newMessage: '',
            }
        },

        methods: {
            sendMessage() {
                this.$emit('messagesent', {
                    user: this.user,
                    message: this.newMessage
                });

                setTimeout(function() {
                    const messages = document.getElementById('mess_cont');

                    messages.scrollTop = messages.scrollHeight;
                    }, 200);
                this.newMessage = '';

            }

        }
    }


</script>

А это моя форма в app.blade.php

  <div id = "app" class = "container-chat">

                    <div class = "row">
                        <div class = "col-md-12 col-md-offset-2">
                            <div class = "col-md-12 col-md-offset-2">
                                <div class = "panel-body panel-content" id = "mess_cont">

                                    <chat-messages id = "mess" :messages = "messages" :currentuserid = "{{Auth::user()->id}}"></chat-messages>
                                </div>
                                <div class = "panel-footer">
                                    <chat-form
                                            v-on:messagesent = "addMessage"
                                            :user = "{{ Auth::user() }}"
                                    ></chat-form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>