From aca10d328fa0dd58534a4683bd88f8826b70bc81 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Sun, 29 Dec 2024 21:57:46 +0300
Subject: [PATCH] remove debug statements.

---
 ui/components/VideoPlayer.vue |  2 --
 ui/layouts/default.vue        |  8 --------
 ui/pages/index.vue            | 17 ++++++++++++++++-
 ui/pages/tasks.vue            |  1 -
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/ui/components/VideoPlayer.vue b/ui/components/VideoPlayer.vue
index 8dc6ce60..a2083625 100644
--- a/ui/components/VideoPlayer.vue
+++ b/ui/components/VideoPlayer.vue
@@ -109,8 +109,6 @@ const prepareVideoPlayer = () => {
     mediaMetadata['artist'] = props.artist
   }
 
-  console.log(mediaMetadata)
-
   player = new Plyr(video.value, {
     debug: false,
     clickToPlay: true,
diff --git a/ui/layouts/default.vue b/ui/layouts/default.vue
index 9b4829e5..9b9d03c6 100644
--- a/ui/layouts/default.vue
+++ b/ui/layouts/default.vue
@@ -135,14 +135,6 @@ const applyPreferredColorScheme = scheme => {
 
 onMounted(async () => {
   try {
-    if (config.app.ui_update_title) {
-      const s = useStateStore()
-      useHead({ title: `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )` })
-      watch([s.queue, s.history], () => {
-        const title = `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )`
-        useHead({ title })
-      }, { deep: true })
-    }
     applyPreferredColorScheme(selectedTheme.value)
   } catch (e) {
   }
diff --git a/ui/pages/index.vue b/ui/pages/index.vue
index bb14d8f3..c1c62e22 100644
--- a/ui/pages/index.vue
+++ b/ui/pages/index.vue
@@ -6,5 +6,20 @@
 </template>
 
 <script setup>
-useHead({ title: 'Index' })
+const config = useConfigStore()
+useHead({ title: 'YTPTube' })
+
+watch(() => config.app.ui_update_title, value => {
+  if (true !== value) {
+    return
+  }
+
+  const s = useStateStore()
+  useHead({ title: `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )` })
+  watch([s.queue, s.history], () => {
+    const title = `YTPTube: ( ${Object.keys(s.queue).length || 0} | ${Object.keys(s.history).length || 0} )`
+    useHead({ title })
+  })
+
+}, { immediate: true })
 </script>
diff --git a/ui/pages/tasks.vue b/ui/pages/tasks.vue
index 53f522df..67215bab 100644
--- a/ui/pages/tasks.vue
+++ b/ui/pages/tasks.vue
@@ -54,7 +54,6 @@
 import moment from 'moment'
 import { parseExpression } from 'cron-parser'
 const config = useConfigStore()
-console.log(config.tasks)
 </script>
 
 <style scoped>