A clock written in Svelte

SvelteClock.html

<h2>Svelte Clock</h2>

<p>Look how fast Svelte goes!</p>

<p>{{hours}}:{{leftPad(minutes, 2, '0'}}:{{leftPad(seconds, 2, '0'}}:{{leftPad(milliseconds, 3, '0'}}</p>

<script>
  import leftPad from 'left-pad'

  export default {
    helpers: {
      leftPad
    },

    data () {
      return {
        time: new Date()
      }
    },
    
    computed: {
      hours: time => time.getHours(),
      minutes: time => time.getMinutes(),
      seconds: time => time.getSeconds(),
      milliseconds: time => time.getMilliseconds()
    },
    
    onrender () {
      this.interval = setInterval(() => {
        this.set({ time: new Date() })
      }, 50)
    },
    
    onteardown () {
      clearInterval(this.interval)
    }
  }
</script>