From 3e79a04fe3f80a6c436fe3c8edaeb69ee70bf570 Mon Sep 17 00:00:00 2001
From: Kavin <20838718+FireMasterK@users.noreply.github.com>
Date: Fri, 27 Mar 2026 00:55:11 +0530
Subject: [PATCH] Fix for falsy types

---
 src/components/PlaylistPage.vue  |  6 ++++--
 src/components/SearchResults.vue |  2 +-
 src/components/WatchVideo.vue    | 15 ++++++++++++---
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/PlaylistPage.vue b/src/components/PlaylistPage.vue
index 67226f14..5a994cb5 100644
--- a/src/components/PlaylistPage.vue
+++ b/src/components/PlaylistPage.vue
@@ -1,7 +1,7 @@
 <template>
     <ErrorHandler v-if="playlist && playlist.error" :message="playlist.message" :error="playlist.error" />
 
-    <LoadingIndicatorPage v-show="!playlist?.error" :show-content="playlist">
+    <LoadingIndicatorPage v-show="!playlist?.error" :show-content="playlist != null">
         <h1 class="mb-1 ml-1 mt-4 text-3xl!" v-text="playlist.name" />
 
         <CollapsableText v-if="playlist?.description" :text="playlist.description" />
@@ -16,7 +16,9 @@
             <div class="flex flex-wrap items-center gap-1">
                 <strong
                     v-text="
-                        `${playlist.videos} ${$t('video.videos')} - ${timeFormat(totalDuration)}${playlist.nextpage ? '+' : ''}`
+                        `${playlist.videos} ${$t('video.videos')} - ${timeFormat(totalDuration)}${
+                            playlist.nextpage ? '+' : ''
+                        }`
                     "
                 />
                 <button v-if="!isPipedPlaylist" class="btn mx-1" @click="bookmarkPlaylist">
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 9fbfdb1d..f4d45a8c 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -18,7 +18,7 @@
         </i18n-t>
     </div>
 
-    <LoadingIndicatorPage :show-content="results != null && results.items?.length" class="video-grid">
+    <LoadingIndicatorPage :show-content="Boolean(results != null && results.items?.length)" class="video-grid">
         <template v-for="result in results.items" :key="result.url">
             <ContentItem :item="result" height="94" width="168" />
         </template>
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 5b1f37ba..dbe30ea2 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -10,7 +10,7 @@
         />
     </div>
     <div id="theaterModeSpot" class="-mx-1vw"></div>
-    <LoadingIndicatorPage :show-content="video && !isEmbed" class="w-full">
+    <LoadingIndicatorPage :show-content="video != null && !isEmbed" class="w-full">
         <ErrorHandler v-if="video && video.error" :message="video.message" :error="video.error" />
         <Transition>
             <ToastComponent v-if="shouldShowToast" @dismissed="dismiss">
@@ -27,7 +27,7 @@
                                     ref="videoPlayer"
                                     :video="video"
                                     :sponsors="sponsors"
-                                    :selected-auto-play="selectedAutoPlay"
+                                    :selected-auto-play="selectedAutoPlayEnabled"
                                     :selected-auto-loop="selectedAutoLoop"
                                     @timeupdate="onTimeUpdate"
                                     @ended="onVideoEnded"
@@ -251,7 +251,12 @@
                 />
                 <br />
                 <label for="chkAutoPlay"><strong v-text="`${$t('actions.auto_play_next_video')}:`" /></label>
-                <select id="chkAutoPlay" v-model="selectedAutoPlay" class="select ml-1.5" @change="onChange($event)">
+                <select
+                    id="chkAutoPlay"
+                    v-model.number="selectedAutoPlay"
+                    class="select ml-1.5"
+                    @change="onChange($event)"
+                >
                     <option v-t="'actions.never'" value="0" />
                     <option v-t="'actions.playlists_only'" value="1" />
                     <option v-t="'actions.always'" value="2" />
@@ -419,6 +424,10 @@ const isListening = computed(() => {
     return getPreferenceBoolean("listen", false);
 });
 
+const selectedAutoPlayEnabled = computed(() => {
+    return Number(selectedAutoPlay.value) >= 1;
+});
+
 const toggleListenUrl = computed(() => {
     const url = new URL(window.location.href);
     url.searchParams.set("listen", isListening.value ? "0" : "1");