$ Name props/emits better

FreeTubeApp · Dec 21, 2024 · 1c90248 · 1c90248
1 parent 0620083
commit 1c90248
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/renderer/components/WatchVideoRecommendations/WatchVideoRecommendations.vue b/src/renderer/components/WatchVideoRecommendations/WatchVideoRecommendations.vue
@@ -11,8 +11,8 @@
         class="autoPlayToggle"
         :label="$t('Video.Autoplay')"
         :compact="true"
-        :default-value="playNextRecommendedVideo"
-        @change="updatePlayNextVideo"
+        :default-value="autoplayNextRecommendedVideo"
+        @change="updateAutoplayNextVideo"
       />
     </div>
     <FtListVideoLazy
@@ -40,19 +40,19 @@ defineProps({
     type: Boolean,
     default: false
   },
-  playNextRecommendedVideo: {
+  autoplayNextRecommendedVideo: {
     type: Boolean,
     required: true
   },
 })
 
-const emit = defineEmits(['play-next-recommended-video-update'])
+const emit = defineEmits(['autoplay-next-recommended-video-update'])
 
 /**
  * @param {boolean} value
  */
-function updatePlayNextVideo(value) {
-  emit('play-next-recommended-video-update', value)
+function updateAutoplayNextVideo(value) {
+  emit('autoplay-next-recommended-video-update', value)
 }
 </script>
 

diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
@@ -110,7 +110,7 @@ export default defineComponent({
       captions: [],
       /** @type {'EQUIRECTANGULAR' | 'EQUIRECTANGULAR_THREED_TOP_BOTTOM' | 'MESH'| null} */
       vrProjection: null,
-      playNextRecommendedVideo: false,
+      autoplayNextRecommendedVideo: false,
       autoplayPlaylists: false,
       recommendedVideos: [],
       downloadLinks: [],
@@ -181,7 +181,7 @@ export default defineComponent({
     thumbnailPreference: function () {
       return this.$store.getters.getThumbnailPreference
     },
-    playNextRecommendedVideoByDefault: function () {
+    autoplayNextRecommendedVideoByDefault: function () {
       return this.$store.getters.getPlayNextVideo
     },
     autoplayPlaylistsByDefault: function () {
@@ -305,7 +305,7 @@ export default defineComponent({
     this.videoId = this.$route.params.id
     this.activeFormat = this.defaultVideoFormat
     // So that the value for this session remains unchanged even if setting changed
-    this.playNextRecommendedVideo = this.playNextRecommendedVideoByDefault
+    this.autoplayNextRecommendedVideo = this.autoplayNextRecommendedVideoByDefault
     this.autoplayPlaylists = this.autoplayPlaylistsByDefault
 
     this.checkIfTimestamp()
@@ -1247,7 +1247,7 @@ export default defineComponent({
     },
 
     handleVideoEnded: function () {
-      if ((!this.watchingPlaylist || !this.autoplayPlaylists) && !this.playNextRecommendedVideo) {
+      if ((!this.watchingPlaylist || !this.autoplayPlaylists) && !this.autoplayNextRecommendedVideo) {
         return
       }
 

diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue
@@ -203,14 +203,14 @@
         v-if="!isLoading && !hideRecommendedVideos"
         :show-autoplay="!watchingPlaylist"
         :data="recommendedVideos"
-        :play-next-recommended-video="playNextRecommendedVideo"
+        :autoplay-next-recommended-video="autoplayNextRecommendedVideo"
         class="watchVideoSideBar watchVideoRecommendations"
         :class="{
           theatreRecommendations: useTheatreMode,
           watchVideoRecommendationsLowerCard: watchingPlaylist || isLive,
           watchVideoRecommendationsNoCard: !watchingPlaylist || !isLive
         }"
-        @play-next-recommended-video-update="(v) => playNextRecommendedVideo = v"
+        @autoplay-next-recommended-video-update="(v) => autoplayNextRecommendedVideo = v"
       />
     </div>
   </div>