From 5d1dee9b08cff5427a51476da1235e3a9d38c280 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 13 Jan 2022 05:10:11 +0000
Subject: [PATCH] Refractor component names.

For vue/multi-word-component-names
---
 src/App.vue                                        |  6 +++---
 src/components/{Channel.vue => ChannelPage.vue}    |  0
 src/components/{Comment.vue => CommentItem.vue}    |  2 +-
 src/components/{Navigation.vue => NavBar.vue}      |  0
 src/components/{Playlist.vue => PlaylistPage.vue}  |  0
 .../{Preferences.vue => PreferencesPage.vue}       |  0
 src/components/{Player.vue => VideoPlayer.vue}     |  0
 src/components/WatchVideo.vue                      | 14 +++++++-------
 src/router/router.js                               |  6 +++---
 9 files changed, 14 insertions(+), 14 deletions(-)
 rename src/components/{Channel.vue => ChannelPage.vue} (100%)
 rename src/components/{Comment.vue => CommentItem.vue} (97%)
 rename src/components/{Navigation.vue => NavBar.vue} (100%)
 rename src/components/{Playlist.vue => PlaylistPage.vue} (100%)
 rename src/components/{Preferences.vue => PreferencesPage.vue} (100%)
 rename src/components/{Player.vue => VideoPlayer.vue} (100%)

diff --git a/src/App.vue b/src/App.vue
index e0c339a7..dc3314c2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="w-full min-h-screen px-1vw reset" :class="[theme]">
-        <Navigation />
+        <NavBar />
         <router-view v-slot="{ Component }">
             <keep-alive :max="5">
                 <component :is="Component" :key="$route.fullPath" />
@@ -20,10 +20,10 @@
 </template>
 
 <script>
-import Navigation from "@/components/Navigation.vue";
+import NavBar from "@/components/NavBar.vue";
 export default {
     components: {
-        Navigation,
+        NavBar,
     },
     mounted() {
         if (window.location.pathname === "/" || window.location.pathname.length == 0)
diff --git a/src/components/Channel.vue b/src/components/ChannelPage.vue
similarity index 100%
rename from src/components/Channel.vue
rename to src/components/ChannelPage.vue
diff --git a/src/components/Comment.vue b/src/components/CommentItem.vue
similarity index 97%
rename from src/components/Comment.vue
rename to src/components/CommentItem.vue
index 4c4d34ea..8a1af3b5 100644
--- a/src/components/Comment.vue
+++ b/src/components/CommentItem.vue
@@ -43,7 +43,7 @@
             </template>
             <div v-show="showingReplies" v-if="replies" class="replies">
                 <div v-for="reply in replies" :key="reply.commentId" class="w-full">
-                    <Comment :comment="reply" :uploader="uploader" :video-id="videoId" />
+                    <CommentItem :comment="reply" :uploader="uploader" :video-id="videoId" />
                 </div>
                 <div v-if="nextpage" @click="loadReplies">
                     <a v-t="'actions.load_more_replies'" />
diff --git a/src/components/Navigation.vue b/src/components/NavBar.vue
similarity index 100%
rename from src/components/Navigation.vue
rename to src/components/NavBar.vue
diff --git a/src/components/Playlist.vue b/src/components/PlaylistPage.vue
similarity index 100%
rename from src/components/Playlist.vue
rename to src/components/PlaylistPage.vue
diff --git a/src/components/Preferences.vue b/src/components/PreferencesPage.vue
similarity index 100%
rename from src/components/Preferences.vue
rename to src/components/PreferencesPage.vue
diff --git a/src/components/Player.vue b/src/components/VideoPlayer.vue
similarity index 100%
rename from src/components/Player.vue
rename to src/components/VideoPlayer.vue
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index e7a8e816..af7536ce 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-if="video && isEmbed" class="absolute top-0 left-0 h-full w-full z-50">
-        <Player
+        <VideoPlayer
             ref="videoPlayer"
             :video="video"
             :sponsors="sponsors"
@@ -14,7 +14,7 @@
         <ErrorHandler v-if="video && video.error" :message="video.message" :error="video.error" />
 
         <div v-show="!video.error">
-            <Player
+            <VideoPlayer
                 ref="videoPlayer"
                 :video="video"
                 :sponsors="sponsors"
@@ -108,7 +108,7 @@
 
         <div class="grid xl:grid-cols-5 sm:grid-cols-4 grid-cols-1">
             <div v-if="comments" ref="comments" class="xl:col-span-4 sm:col-span-3">
-                <Comment
+                <CommentItem
                     v-for="comment in comments.comments"
                     :key="comment.commentId"
                     :comment="comment"
@@ -140,19 +140,19 @@
 </template>
 
 <script>
-import Player from "@/components/Player.vue";
+import VideoPlayer from "@/components/VideoPlayer.vue";
 import VideoItem from "@/components/VideoItem.vue";
 import ErrorHandler from "@/components/ErrorHandler.vue";
-import Comment from "@/components/Comment.vue";
+import CommentItem from "@/components/CommentItem.vue";
 import Chapters from "@/components/Chapters.vue";
 
 export default {
     name: "App",
     components: {
-        Player,
+        VideoPlayer,
         VideoItem,
         ErrorHandler,
-        Comment,
+        CommentItem,
         Chapters,
     },
     data() {
diff --git a/src/router/router.js b/src/router/router.js
index 5b9429c9..1669be5b 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -9,7 +9,7 @@ const routes = [
     {
         path: "/preferences",
         name: "Preferences",
-        component: () => import("../components/Preferences.vue"),
+        component: () => import("../components/PreferencesPage.vue"),
     },
     {
         path: "/results",
@@ -19,7 +19,7 @@ const routes = [
     {
         path: "/playlist",
         name: "Playlist",
-        component: () => import("../components/Playlist.vue"),
+        component: () => import("../components/PlaylistPage.vue"),
     },
     {
         path: "/:path(v|w|embed|shorts|watch)/:v?",
@@ -29,7 +29,7 @@ const routes = [
     {
         path: "/:path(channel|user|c)/:channelId/:videos?",
         name: "Channel",
-        component: () => import("../components/Channel.vue"),
+        component: () => import("../components/ChannelPage.vue"),
     },
     {
         path: "/login",