Vue Js Disappear Alert Automatically after 5 seconds

<!DOCTYPE html>
<html>

<body>
  <h2>Vue Js Disappear Alert after 5 seconds or onclick</h2>
  <div id="app">
    <div v-if="show" class="alert alert-warning">
      {{ message }}
      <button @click="hideAlert" class="close-btn">&times;</button>
    </div>

</div>

});

</script>
  <style scoped>
    .alert {
      padding: 1rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-radius: 0.25rem;
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba;
      position: relative;
    }

.alert.alert-warning {
      color: #856404;
      background-color: #fff3cd;
      border-color: #ffeeba;
    }

.alert .close-btn {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0.5rem 1rem;
      background-color: transparent;
      border: none;
      font-size: 1.5rem;
      cursor: pointer;
    }

.close-btn:hover {
      color: red;
    }
  </style>

</body>

</html>