watchtime cleanup

NUXT/components/Player/index.vue

@@ -149,10 +149,9 @@
 
       <watchtime
         v-if="$refs.player"
-        :video="$refs.player"
+        :current-time="$refs.player.currentTime"
+        :duration="$refs.player.duration"
         :fullscreen="isFullscreen"
-        :watched="watched"
-        :duration="duration"
       />
       <v-btn
         v-if="isFullscreen"
@@ -357,8 +356,6 @@ export default {
       // console.log(e);
       if (vid.readyState >= 3) {
         vid.addEventListener("timeupdate", () => {
-          this.duration = this.$vuetube.humanTime(vid.duration);
-          this.watched = this.$vuetube.humanTime(vid.currentTime);
           if (!this.seeking) this.progress = vid.currentTime;
 
           // console.log("sb check", this.blocks);

NUXT/components/Player/watchtime.vue

@@ -3,18 +3,14 @@
     style="color: #fff; left: 1rem; font-size: 0.75rem; position: absolute"
     :style="fullscreen ? 'bottom: 4.25rem' : 'bottom: 1rem'"
   >
-    {{ watched }}
-    <span style="color: #aaa"> / {{ duration }} </span>
+    {{ $vuetube.humanTime(currentTime) }}
+    <span style="color: #aaa"> / {{ $vuetube.humanTime(duration) }} </span>
   </div>
 </template>
 
 <script>
 export default {
   props: {
-    video: {
-      type: Object,
-      required: true,
-    },
     fullscreen: {
       type: Boolean,
       required: true,
@@ -23,7 +19,7 @@ export default {
       type: Number,
       required: true,
     },
-    watched: {
+    currentTime: {
       type: Number,
       required: true,
     },