From bb3be09122deecd8141651288fa49ed959cc0618 Mon Sep 17 00:00:00 2001
From: Jason Henriquez <jasonhenriquez@protonmail.com>
Date: Wed, 23 Oct 2024 21:08:49 -0500
Subject: [PATCH] Clean up External Player Default Viewing Mode link template
 logic

---
 .../components/ft-list-video/ft-list-video.js | 13 ++++++------
 .../ft-list-video/ft-list-video.vue           | 20 ++++++++-----------
 2 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/renderer/components/ft-list-video/ft-list-video.js b/src/renderer/components/ft-list-video/ft-list-video.js
index 579fd0647d8e0..fec272fbff3c2 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.js
+++ b/src/renderer/components/ft-list-video/ft-list-video.js
@@ -482,17 +482,18 @@ export default defineComponent({
       return this.isInQuickBookmarkPlaylist ? 'base favorite' : 'base'
     },
 
-    watchPageLinkType() {
-      return this.externalPlayerIsDefaultViewingMode ? 'a' : 'router-link'
-    },
-
-    watchPageLinkTo() {
-      // For `router-link` attribute `to`
+    watchVideoRoute() {
       return {
         path: `/watch/${this.id}`,
         query: this.watchPageLinkQuery,
       }
     },
+
+    // For `router-link` attribute `to`
+    watchVideoRouterLink() {
+      return !this.externalPlayerIsDefaultViewingMode ? this.watchVideoRoute : {}
+    },
+
     watchPageLinkQuery() {
       const query = {}
       if (this.playlistIdFinal) { query.playlistId = this.playlistIdFinal }
diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index a4a4adf6ab7c8..ad0f2fb37e288 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -11,13 +11,11 @@
     <div
       class="videoThumbnail"
     > 
-      <component
-        :is="watchPageLinkType"
+      <router-link
         class="thumbnailLink"
         tabindex="-1"
-        :to="watchPageLinkTo"
-        href="javascript:void(0)"
-        @click="handleWatchPageLinkClick"
+        :to="watchVideoRouterLink"
+        @click.native="handleWatchPageLinkClick"
       >
         <img
           :src="thumbnail"
@@ -25,7 +23,7 @@
           alt=""
           :style="{filter: blurThumbnailsStyle}"
         >
-      </component>
+      </router-link>
       <div
         v-if="isLive || isUpcoming || (displayDuration !== '' && displayDuration !== '0:00')"
         class="videoDuration"
@@ -113,17 +111,15 @@
       />
     </div>
     <div class="info">
-      <component
-        :is="watchPageLinkType"
+      <router-link
         class="title"
-        :to="watchPageLinkTo"
-        href="javascript:void(0)"
-        @click="handleWatchPageLinkClick"
+        :to="watchVideoRouterLink"
+        @click.native="handleWatchPageLinkClick"
       >
         <h3 class="h3Title">
           {{ displayTitle }}
         </h3>
-      </component>
+      </router-link>
       <div class="infoLine">
         <router-link
           v-if="channelId !== null"