Use useNow in ElapsedTime component

learningequality · Jun 28, 2024 · ed3d1a6 · ed3d1a6
1 parent 704bf36
commit ed3d1a6
Showing 1 changed file with 5 additions and 13 deletions.
diff --git a/kolibri/core/assets/src/views/ElapsedTime.vue b/kolibri/core/assets/src/views/ElapsedTime.vue
@@ -7,20 +7,20 @@
 
 <script>
 
-  import { now } from 'kolibri.utils.serverClock';
+  import useNow from 'kolibri.coreVue.composables.useNow';
 
   export default {
     name: 'ElapsedTime',
+    setup() {
+      const { now } = useNow();
+      return { now };
+    },
     props: {
       date: {
         type: Date,
         default: null,
       },
     },
-    data: () => ({
-      now: now(),
-      timer: null,
-    }),
     computed: {
       ceilingDate() {
         if (this.date > this.now) {
@@ -29,14 +29,6 @@
         return this.date;
       },
     },
-    mounted() {
-      this.timer = setInterval(() => {
-        this.now = now();
-      }, 10000);
-    },
-    beforeDestroy() {
-      clearInterval(this.timer);
-    },
   };
 
 </script>