From 143e81276bfbfc3b5f1e813abdd54faf84b828d8 Mon Sep 17 00:00:00 2001
From: dragongoose <19649813+dragongoose@users.noreply.github.com>
Date: Wed, 29 Mar 2023 10:26:55 -0400
Subject: [PATCH] Format files

---
 src/components/TwitchChat.vue  | 18 +++++++++++++++---
 src/components/VideoPlayer.vue |  3 +--
 src/views/HomepageView.vue     | 30 ++++++++++++++++--------------
 3 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/src/components/TwitchChat.vue b/src/components/TwitchChat.vue
index 5c312f4..d9c993f 100644
--- a/src/components/TwitchChat.vue
+++ b/src/components/TwitchChat.vue
@@ -15,7 +15,13 @@ export default {
   },
   setup(props) {
     let messages: Ref<
-      { username: string; channel: string; message: string; messageType: string, tags: Record<string,string> }[]
+      {
+        username: string
+        channel: string
+        message: string
+        messageType: string
+        tags: Record<string, string>
+      }[]
     > = ref([])
     let ws = new WebSocket('ws://localhost:7000')
 
@@ -61,7 +67,10 @@ export default {
 </script>
 <template>
   <div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-full max-w-[15.625rem] flex flex-col">
-    <ul class="overflow-y-scroll  overflow-x-hidden whitespace-pre-wrap h-[46.875rem]" ref="chatList">
+    <ul
+      class="overflow-y-scroll overflow-x-hidden whitespace-pre-wrap h-[46.875rem]"
+      ref="chatList"
+    >
       <li>
         <p ref="initConnectingStatus" class="text-gray-500 text-sm italic">
           Connecting to {{ channelName }}.
@@ -70,7 +79,10 @@ export default {
       <li v-for="message in getChat()" :key="messages.indexOf(message)">
         <div class="text-white inline-flex">
           <p class="text-sm">
-            <strong :style="message.tags.color ? `color: ${message.tags.color};` : ``" class="text-ctp-pink font-bold text-sm">{{ message.username }}</strong
+            <strong
+              :style="message.tags.color ? `color: ${message.tags.color};` : ``"
+              class="text-ctp-pink font-bold text-sm"
+              >{{ message.username }}</strong
             >: {{ message.message }}
           </p>
         </div>
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 4ce4a3c..a933234 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -29,8 +29,7 @@ export default {
   // initializing the video player
   // when the component is being mounted
   mounted() {
-    this.player = videojs('video-player', this.options, () => {
-    })
+    this.player = videojs('video-player', this.options, () => {})
   }
 }
 </script>
diff --git a/src/views/HomepageView.vue b/src/views/HomepageView.vue
index 97ad6da..152cc0f 100644
--- a/src/views/HomepageView.vue
+++ b/src/views/HomepageView.vue
@@ -8,7 +8,6 @@ export default {
     let frontend_url = import.meta.env.VITE_INSTANCE_URL
     data.value = await res.json()
 
-
     return {
       data,
       frontend_url,
@@ -29,7 +28,7 @@ export default {
       const wantedTags = toFilter.split(',').filter((v) => v.toLowerCase())
 
       for (let category of categories as any) {
-        let tagElements = category.getElementsByTagName("span")
+        let tagElements = category.getElementsByTagName('span')
         let tags = []
 
         for (let tag of tagElements) {
@@ -38,34 +37,37 @@ export default {
 
         // Create sets from the arrays
         const [set1, set2] = [new Set(wantedTags), new Set(tags)]
-        const common = [...set1].filter(x => set2.has(x));
-        
+        const common = [...set1].filter((x) => set2.has(x))
+
         console.log(wantedTags)
 
-        if(common.length === wantedTags.length) {
-          category.style.display = ""
-        } else if (wantedTags[0] === "") {
-          category.style.display = ""
+        if (common.length === wantedTags.length) {
+          category.style.display = ''
+        } else if (wantedTags[0] === '') {
+          category.style.display = ''
           console.log('ok')
         } else {
-          category.style.display = "none"
+          category.style.display = 'none'
         }
       }
     },
     getNextCategory() {
       window.onscroll = async () => {
-        let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight === document.documentElement.offsetHeight;
+        let bottomOfWindow =
+          document.documentElement.scrollTop + window.innerHeight ===
+          document.documentElement.offsetHeight
         if (bottomOfWindow && this.data) {
           const cursor = this.data[this.data.length - 1].cursor
-          if(!cursor) return
-          const res = await fetch(`${import.meta.env.VITE_BACKEND_URL}/api/discover/?cursor=${cursor}`)
+          if (!cursor) return
+          const res = await fetch(
+            `${import.meta.env.VITE_BACKEND_URL}/api/discover/?cursor=${cursor}`
+          )
           const data = await res.json()
 
           for (let category of data) {
             this.data.push(category)
           }
-
-        } 
+        }
       }
     }
   },