How to make in textarea so that when ctrl + enter is pressed, it will wrap to a new line, enter will send a message to vue?

Question

Chats

The essence of the problem is this, when you press enter, it transfers by default puts a line break, then performs some actions, I need to block the default transfer.
Here is an example code:

<textarea
      type="text"
      v-model="text"
      @keyup.enter.prevent="sendMessage"
      @keyup.ctrl.enter.prevent="newLine"
    ></textarea>

data() {
    return {
        text: ""
    }
},
methods: {
    sendMessage() {
      this.$emit("keyupCtrlEnter");
    },
    newLine(e) {
      let caret = e.target.selectionStart;
      e.target.setRangeText("\n", caret, caret, "end");
      this.text = e.target.value;
    }
  }
}

Answer 1

Replace
with
@keydown.enter.prevent.exact