Vue Js Input Mask Credit Card Expiry Date

<!DOCTYPE html>
<html>

<body>
  <div id="app">
    <h3>Vue js input mask credit card expiry date</h3>
    <input type="text" v-model="expirationDate" @input="handleInput" placeholder="MM/YY" maxlength="5" />
  </div>

// Remove any non-digit characters
          input = input.replace(/\D/g, '');

// Add slash after the first two characters if necessary
          if (input.length > 2) {
            input = input.slice(0, 2) + '/' + input.slice(2);
          }

// Update the input field value
          this.expirationDate = input;
        },
      },
    });

app.mount('#app');
  </script>

h3 {
      font-size: 20px;
      margin-bottom: 10px;
    }

input[type="text"] {
      padding: 10px;
      font-size: 16px;
      border: 1px solid #ccc;
      border-radius: 4px;
      width: 120px;
      box-sizing: border-box;
      outline-color: lightblue;
    }
  </style>
</body>

</html>