@Submit not working in Vue typescript

I am trying to use form submit and its not being called. This is my code snipped. Not sure what I am doing wrong. Thanks for the help.

Using Vue: 3.4.18
Quasar: 2.16

:sent="message.from == 'me' ? true : false" />

import { ref } from 'vue';

const messages = ref([
{
text: 'Hey Jim, how are you?',
from: 'me'
},
{
text: 'Good thanks, Danny! How are you?',
from: 'them'
},
{
text: 'Pretty good!',
from: 'me'
}
]);

const newMessage = ref('');

function onSubmit() {
console.log('Sending message:', newMessage.value);
messages.value.push({
text: newMessage.value,
from: 'me'
});
newMessage.value = '';

console.log('Sending message:', newMessage.value);

newMessage.value = '';

};