Vuejs v-model when enter pressed

<template>
  <div>
    <input v-model="inputValue" @keyup.enter="handleEnterKey" />
    <p>{{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleEnterKey() {
      // Do something with the entered value
      console.log('Enter key pressed. Value:', this.inputValue);
    }
  }
};
</script>