Remove test data (this will be differnt). Add a working clock

src/App.vue

@@ -3,47 +3,28 @@
   <section>
    <h1>Transit Board</h1>
    <p>
-    {{ time }}
+    {{ now.getHours() }}:{{ now.getMinutes() }}:{{ now.getSeconds() }}
    </p>
   </section>
   <section>
-   <ul>
-    <li v-for="bus in buses" v-bind:key="bus.name">
-      <h2>🚌 {{ bus.name }}</h2>
-      <ul>
-        <li v-for="arrival in bus.previous" v-bind:key="arrival.time">
-         {{ arrival.time }}
-        </li>
-        <li v-for="arrival in bus.next" v-bind:key="arrival.time">
-         {{ arrival.time }}
-        </li>
-      </ul>
-    </li>
-  </ul>
+   <p>data go here</p>
   </section>
  </div>
 </template>
 
 <script>
+
 export default {
   name: 'app',
   data: function () {
     return {
-        time: '12:28',
-        buses: [
-          {
-            name: '45',
-            previous: [
-                {time: '-12:34'},
-                {time:  '-0:00'}
-            ],
-            next: [
-                {time:  '3:10'},
-                {time: '15:00'}
-            ]
-          }
-        ]
+      now: new Date()
     }
+  },
+  created () {
+      setInterval(() => {
+        this.now = new Date()
+      }, 1000)
   }
 }
 </script>