Format files

src/mixins.ts

@@ -112,8 +112,7 @@ export async function followersStreaming(streamers: string[], cursor: number): P
     streamers: payloadData
   }
 
-    await postEndpoint('api/users/isLive/bulk', payload)
-      .then((data: string[]) => {
+  await postEndpoint('api/users/isLive/bulk', payload).then((data: string[]) => {
     res = [...res, ...data]
   })
 
@@ -126,7 +125,10 @@ export async function followersStreaming(streamers: string[], cursor: number): P
  * @param cursor which 35 streamer chunk to fetch
  * @returns the streamers in that list that are online
  */
-export async function getParsedFollowing(streamers: string[], cursor: number): Promise<FollowingStreamer[]> {
+export async function getParsedFollowing(
+  streamers: string[],
+  cursor: number
+): Promise<FollowingStreamer[]> {
   // do not make request if no followers
   if (streamers.length == 0) {
     return []
@@ -140,10 +142,11 @@ export async function getParsedFollowing(streamers: string[], cursor: number): P
     streamers: payloadData
   }
 
-    await postEndpoint('api/users/followingStreamer/bulk', payload)
-    .then((data: FollowingStreamer[]) => {
+  await postEndpoint('api/users/followingStreamer/bulk', payload).then(
+    (data: FollowingStreamer[]) => {
       res = [...res, ...data]
-    })
+    }
+  )
 
   return res
 }

src/settingsManager.ts

@@ -206,12 +206,12 @@ export function getFollows(): string[] {
 export function getTheme(): string {
   const selectedTheme = localStorage.getItem('theme') || import.meta.env.SAFETWITCH_DEFAULT_THEME
 
-  if (selectedTheme === "") {
+  if (selectedTheme === '') {
     return 'light'
   }
 
   // Make sure theme exists
-  const t = themeList.filter(theme => theme.name === selectedTheme)
+  const t = themeList.filter((theme) => theme.name === selectedTheme)
   if (t.length === 0) {
     console.error(`Theme ${selectedTheme} does not exist... Perhaps improperly setup instance defaults or improper config?
     Stored Theme: ${localStorage.getItem('theme')}

src/views/FollowingView.vue

@@ -28,7 +28,7 @@ export default {
         document.documentElement.scrollTop + window.innerHeight ===
         document.documentElement.offsetHeight
 
-      if (!bottomOfWindow) return;
+      if (!bottomOfWindow) return
 
       const follows = getFollows()
 
@@ -40,7 +40,7 @@ export default {
 
       let cursor = this.data.length / 35
       let maxCursor = follows.length / 35
-      if (cursor > maxCursor) return;
+      if (cursor > maxCursor) return
 
       let chunk = await getParsedFollowing(follows, cursor)
       this.data = [...this.data, ...chunk]
@@ -50,7 +50,7 @@ export default {
     const follows = getFollows()
 
     window.onscroll = this.getNextFollowingStage
-    this.data = await getParsedFollowing(follows, 0);
+    this.data = await getParsedFollowing(follows, 0)
   },
   components: {
     LoadingScreen,

src/views/HomepageView.vue

@@ -68,11 +68,11 @@ export default {
     },
     async handleFollowingScroll(event: UIEvent) {
       let el = event.target as HTMLUListElement
-      let fullyScrolled = el.scrollLeft === (el.scrollWidth - el.clientWidth)
+      let fullyScrolled = el.scrollLeft === el.scrollWidth - el.clientWidth
       console.log(el)
-      if (!fullyScrolled) return;
+      if (!fullyScrolled) return
 
-      if (!this.following) return;
+      if (!this.following) return
       let offset = this.following.length / 35
       let newFollowers = await followersStreaming(getFollows(), offset)
       this.following = [...this.following, ...newFollowers]
@@ -107,9 +107,12 @@ export default {
 
   <div v-show="data" class="max-w-5xl mx-auto">
     <div v-if="following && following.length > 0" class="p-2 text-contrast">
-      <h1 class="font-bold text-5xl">{{  $t("home.following") }}</h1>
-      <p class="text-xl">{{ $t("home.streamersYouFollow") }}</p>
-      <ul class="flex flex-nowrap justify-begin overflow-x-scroll overflow-y-hidden space-x-2 mt-1 h-[19rem] items-center" @scroll="handleFollowingScroll">
+      <h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
+      <p class="text-xl">{{ $t('home.streamersYouFollow') }}</p>
+      <ul
+        class="flex flex-nowrap justify-begin overflow-x-scroll overflow-y-hidden space-x-2 mt-1 h-[19rem] items-center"
+        @scroll="handleFollowingScroll"
+      >
         <li v-for="streamer in following" :key="streamer" class="inline-block">
           <stream-preview-vue :name="streamer"></stream-preview-vue>
         </li>

src/views/SettingsView.vue

@@ -1,6 +1,12 @@
 <script lang="ts">
 import { ref } from 'vue'
-import { getDefaultSettings, syncUserSettings, setLanguage, themeList, getTheme } from '@/settingsManager'
+import {
+  getDefaultSettings,
+  syncUserSettings,
+  setLanguage,
+  themeList,
+  getTheme
+} from '@/settingsManager'
 import type { Settings } from '@/settingsManager'
 
 export default {