From 5637e62900a84328203460f3d34c82d0cb128e75 Mon Sep 17 00:00:00 2001
From: dragongoose <dragonmail14@protonmail.com>
Date: Sat, 16 Sep 2023 11:44:43 -0400
Subject: [PATCH] Fix errors

---
 src/components/AudioPlayer.vue   | 4 +---
 src/components/FooterView.vue    | 2 --
 src/components/NavbarView.vue    | 4 +---
 src/components/user/AboutTab.vue | 7 ++++---
 src/views/ClipView.vue           | 5 +----
 5 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/components/AudioPlayer.vue b/src/components/AudioPlayer.vue
index acc6bcb..f31a8d2 100644
--- a/src/components/AudioPlayer.vue
+++ b/src/components/AudioPlayer.vue
@@ -13,9 +13,7 @@ export default {
     props: {
         masterManifestUrl: {
             type: String,
-            default() {
-                return {}
-            }
+            required: true,
         }
     },
     emits: ['PlayerTimeUpdate'],
diff --git a/src/components/FooterView.vue b/src/components/FooterView.vue
index f4954c4..cb4af64 100644
--- a/src/components/FooterView.vue
+++ b/src/components/FooterView.vue
@@ -1,6 +1,4 @@
 <script lang="ts">
-import { inject } from 'vue'
-
 export default {
   setup() {
     return {
diff --git a/src/components/NavbarView.vue b/src/components/NavbarView.vue
index 446099f..b5d902e 100644
--- a/src/components/NavbarView.vue
+++ b/src/components/NavbarView.vue
@@ -1,11 +1,9 @@
 <script lang="ts">
 import { ref } from 'vue'
 import SearchBar from './SearchBar.vue'
-import LanguageSwitcher from './LanguageSwitcher.vue'
 export default {
   components: {
-    SearchBar,
-    LanguageSwitcher
+    SearchBar
   },
   setup() {
     return {
diff --git a/src/components/user/AboutTab.vue b/src/components/user/AboutTab.vue
index 0f1bb70..dfbde71 100644
--- a/src/components/user/AboutTab.vue
+++ b/src/components/user/AboutTab.vue
@@ -37,14 +37,15 @@ export default {
 
         <hr class="my-auto w-full bg-gray-200 rounded-full opacity-40" />
 
-        <ul class="flex font-semibold text-md justify-start flex-wrap flex-row">
-            <li v-if="socials" v-for="link in socials" :key="link.url">
+        <ul v-if="socials" class="flex font-semibold text-md justify-start flex-wrap flex-row">
+            <li v-for="link in socials" :key="link.url">
                 <a :href="link.url" class="text-white hover:text-gray-400 mr-4 flex">
                     <v-icon :name="getIconName(link.type)"  class="w-6 h-6 mr-1"></v-icon>
                     <span>{{ link.name }}</span>
                 </a>
             </li>
-            <p v-else> No socials provided </p>
         </ul>
+
+        <p v-else> No socials provided </p>
     </div>
 </template>
\ No newline at end of file
diff --git a/src/views/ClipView.vue b/src/views/ClipView.vue
index 71de223..f1a8f66 100644
--- a/src/views/ClipView.vue
+++ b/src/views/ClipView.vue
@@ -1,9 +1,8 @@
 <script lang="ts">
-import { ref, inject } from 'vue'
+import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 import VideoPlayer from '@/components/VideoPlayer.vue'
-import TwitchChat from '@/components/TwitchChat.vue'
 import ErrorMessage from '@/components/ErrorMessage.vue'
 import FollowButton from '@/components/FollowButton.vue'
 import LoadingScreen from '@/components/LoadingScreen.vue'
@@ -24,7 +23,6 @@ export default {
     const clipSlug = route.params.slug
     const data = ref<Video>()
     const status = ref<'ok' | 'error'>()
-    const rootBackendUrl = inject('rootBackendUrl')
 
     let srcUrl
     await getEndpoint(`api/clips/cliplink/${clipSlug}`)
@@ -69,7 +67,6 @@ export default {
   },
   components: {
     VideoPlayer,
-    TwitchChat,
     ErrorMessage,
     FollowButton,
     LoadingScreen,