Merge pull request #213 from bcc-code/fix-time-duration-component

Fix time duration
bcc-code · Sep 16, 2023 · 284ec84 · 284ec84
2 parents bb8e60b + 7d7bb23
commit 284ec84
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/components/TimeDuration.vue b/components/TimeDuration.vue
@@ -1,13 +1,16 @@
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
   duration: number;
 }>();
+
+const timeAsText = computed(() =>
+  !Number.isFinite(props.duration)
+    ? "--:--"
+    : `${`${Math.floor(props.duration / 60)}`.padStart(2, "0")}:${`${Math.floor(
+        props.duration % 60
+      )}`.padStart(2, "0")}`
+);
 </script>
 <template>
-  <template v-if="!Number.isFinite(duration)">--:--</template>
-  <template v-else>
-    {{ (duration / 60).toFixed(0).padStart(2, "0") }}:{{
-      (duration % 60).toFixed(0).padStart(2, "0")
-    }}
-  </template>
+  {{ timeAsText }}
 </template>