Clear wire statistics update interval on unmount

src/views/Host.vue

@@ -59,6 +59,7 @@ export default {
     const toast = useToast()
     const trackers = inject('trackers')
     var webTorrent = null
+    var wireUpdateHandle = null
     const player = ref(null)
     const video = reactive({
       file: null,
@@ -85,6 +86,9 @@ export default {
       if (webTorrent) {
         webTorrent.destroy()
       }
+      if (wireUpdateHandle) {
+        clearInterval(wireUpdateHandle)
+      }
     })
 
     const onFilesSelected = (f) => {
@@ -117,14 +121,16 @@ export default {
 
         torrent.on('upload', bytes => {
           state.uploaded += bytes
-          updateWireStatistics()
         })
 
         torrent.on('wire', wire => {
-          updateWireStatistics()
           toast.add({ severity: 'info', summary: 'New watcher', detail: 'Someone has joined your screen.', life: 3000 })
         })
 
+        wireUpdateHandle = setInterval(() => {
+          updateWireStatistics()
+        }, 200)
+
         toast.add({ severity: 'success', summary: 'Video added', detail: `You are now sharing ${video.name}`, life: 5000 })
       })
     }

src/views/Screen.vue

@@ -65,6 +65,7 @@ export default {
     const toast = useToast()
     const trackers = inject('trackers')
     var webTorrent = null
+    var wireUpdateHandle = null
     const player = ref(null)
     const progress = ref()
     const video = reactive({
@@ -100,12 +101,14 @@ export default {
       if (webTorrent) {
         webTorrent.destroy()
       }
+      if (wireUpdateHandle) {
+        clearInterval(wireUpdateHandle)
+      }
     })
 
     const downloadVideo = (infoHash) => {
       webTorrent.add(infoHash, { announce: trackers }, torrent => {
         torrent.on('wire', () => {
-          updateWireStatistics()
           toast.add({ severity: 'info', summary: 'New watcher', detail: 'Someone has joined your screen.', life: 3000 })
         })
 
@@ -114,7 +117,6 @@ export default {
         })
 
         torrent.on('upload', bytes => {
-          updateWireStatistics()
         })
 
         torrent.on('download', bytes => {
@@ -124,7 +126,6 @@ export default {
           }
           state.downloaded += bytes
           progress.value = state.downloaded / video.size * 100
-          updateWireStatistics()
         })
       })
     }
@@ -148,6 +149,10 @@ export default {
       })
 
       file.renderTo(player.value)
+
+      wireUpdateHandle = setInterval(() => {
+        updateWireStatistics()
+      }, 200)
     }
 
     const updateWireStatistics = () => {