vue-btn doesn't submit on enter key

I have this usual login form with submit button on the end, I have to click the button with mouse to submit the button. I want to submit the form with just enter key

this is my button code

<v-btn
 color="gray"
 padding="20"
 data-cy="button-login"
 @click="login"
 >
 SIGN IN
</v-btn>

this is my javascript login function

methods: {
 login () {
 let params = {
  mail: this.email,
  password: this.password
  }
   this.$store.dispatch('login', params).then((response) => {
   this.$router.push({name: 'dashboard', params: {'userId': String(response.data.user_id)}})
  }).catch(() => {
   this.submitsnackbar = true
  })
 }
}

It will help me a lot if I can just press enter to login Thank you