What makes this undefined?

I’ve been trying to figure this problem out it works surprisingly but in my input in ionic it displays undefined.

Ion-template

<template>
  <ion-page>
   <ion-header>Add Quote</ion-header>
     <ion-textarea
      V-model=“quote”
      Placeholder=‘Enter quote’
      >
      <ion-button @click=“Quote”>
       </ion-button>
    </ion-textarea>
  </ion-page>
</template>

Script

Methods: {
 Async quote(){
  Const quote = this.quote
   }
Const user = auth.currentUser
  Const Id = uuidv4
   Const QuoteForm = {
    Quote: quote,
    Id: Id,
    User: user?.uid
}
Await db.collection(“quotes”).doc().add(QuoteForm)
}

It works though I just want the undefined part to go away for my users. The users quotes still go to firebase.