Time Input vuejs Error

Time input not syncing with vuejs data property.

by Evert Ramos

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <label>Add time with missing hour (__:04:52)</label>
  
  <input type="time" step="2" v-model="timeValue">

  <button @click="alert">Alert</button>
  
  <P>
  If you set zeros on the hour it goes through... like "00:04:52"... but if you leave it blank as of "--:04:35" it just do not sync.
  </P>
</div>

JavaScript

new Vue({
  el: '#app',

	data() {
  	timeValue: ''
  },
  
	methods: {
  
  	alert() {
    	window.alert(this.timeValue);
    }
  }
  
})