Fix the adding of videos to the queue (#144)

* Fix the socket receiving too much data from youtubei

* Fix useRoute().name being undefined

client/src/App.vue

@@ -3,20 +3,20 @@
   <keep-alive v-if="new Date().getMonth() === 11">
     <SnowFall
       :class="
-        currentRoute === 'Screen' ||
-        currentRoute === 'Admin Screen' ||
-        currentRoute === 'Error' ||
-        currentRoute === 'Local Admin Screen'
+        $route.name === 'Screen' ||
+        $route.name === 'Admin Screen' ||
+        $route.name === 'Error' ||
+        $route.name === 'Local Admin Screen'
           ? ''
           : '-z-10'
       " />
   </keep-alive>
   <div
     v-if="
-      currentRoute == 'Screen' ||
-      currentRoute == 'Admin Screen' ||
-      currentRoute == 'Error' ||
-      currentRoute == 'Local Admin Screen'
+      $route.name == 'Screen' ||
+      $route.name == 'Admin Screen' ||
+      $route.name == 'Error' ||
+      $route.name === 'Local Admin Screen'
     ">
     <router-view v-slot="{ Component, route }">
       <transition :name="route.meta.transition || ''">
@@ -32,9 +32,6 @@
 </template>
 
 <script setup>
-import { useRoute } from "vue-router";
-import { computed } from "vue";
-
 // snowflake's
 import SnowFall from "@/components/SnowFall";
 
@@ -52,9 +49,6 @@ if (
   document.documentElement.classList.remove("dark");
 }
 
-const currentRoute = computed(() => {
-  return useRoute().name;
-});
 </script>
 
 <style>

client/src/components/MasterControls.vue

@@ -94,7 +94,7 @@
 
 <script setup>
 import socket, { connectSocket } from "@/js/AdminRemoteSocket";
-import { ref, onBeforeMount, onBeforeUnmount, defineEmits } from "vue";
+import { ref, onBeforeMount, onBeforeUnmount } from "vue";
 import { useRouter } from "vue-router";
 import enums from "@/js/Enums";
 import ContentField from "../layout/ContentField.vue";

server/utils/yt.js

@@ -29,8 +29,8 @@ exports.search = async (
   let newContinuation = result.continuation;
 
   if (!videos) return new Error("Could not find any videos");
-
   videos.map((video) => sanitizeVideo(video));
+
   // Checking if video already in queue
   videos.forEach((video) => {
     if (queue.some((queueVid) => queueVid.id === video.id)) {
@@ -114,6 +114,8 @@ const sanitizeVideo = (video) => {
   delete video.description;
   delete video.comments;
   delete video.client;
+  delete video.chapters;
+  delete video.captions;
 
   video.channel = video.channel.name;
   video.thumbnail = video.thumbnails[video.thumbnails.length - 1];