<template>
 <div id="app">
  <section>
   <h1>Transit Board</h1>
   <p>
    {{ now.getHours() }}:{{ now.getMinutes() }}:{{ now.getSeconds() }}
   </p>
  </section>
  <section>
   <p>data go here</p>
  </section>
 </div>
</template>

<script>

export default {
  name: 'app',
  data: function () {
    return {
      now: new Date()
    }
  },
  created () {
      setInterval(() => {
        this.now = new Date()
      }, 1000)
  }
}
</script>

<style>
</style>
