From 07529362cff2cb67d3f9015e706e2e5b25bd72f1 Mon Sep 17 00:00:00 2001
From: FireMaskterK <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 28 Oct 2021 18:55:20 +0100
Subject: [PATCH] Run yarn lint.

---
 src/components/Comment.vue           |  4 ++--
 src/components/FeedPage.vue          |  4 +---
 src/components/ImportPage.vue        |  2 +-
 src/components/LoginPage.vue         |  4 ++--
 src/components/RegisterPage.vue      |  4 ++--
 src/components/SubscriptionsPage.vue |  2 +-
 src/components/VideoItem.vue         | 19 +++++++++++++------
 7 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/components/Comment.vue b/src/components/Comment.vue
index 06987f9a..45cf557e 100644
--- a/src/components/Comment.vue
+++ b/src/components/Comment.vue
@@ -3,7 +3,7 @@
         <img
             :src="comment.thumbnail"
             class="comment-avatar uk-border-circle uk-margin-right"
-            style="width: 48px; height: 48px;"
+            style="width: 48px; height: 48px"
             loading="lazy"
             alt="Avatar"
         />
@@ -28,7 +28,7 @@
                 {{ comment.commentText }}
             </div>
             <div class="comment-footer uk-margin-small-top uk-text-meta">
-                <font-awesome-icon icon="thumbs-up" style="margin-right: 4px;"></font-awesome-icon>
+                <font-awesome-icon icon="thumbs-up" style="margin-right: 4px"></font-awesome-icon>
                 <span>{{ numberFormat(comment.likeCount) }}</span>
                 &nbsp;
                 <font-awesome-icon v-if="comment.hearted" icon="heart"></font-awesome-icon>
diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index 278699ad..446cb6b8 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -8,9 +8,7 @@
         type="button"
         @click="exportHandler"
     >
-        <router-link to="/subscriptions">
-            Subscriptions
-        </router-link>
+        <router-link to="/subscriptions"> Subscriptions </router-link>
     </button>
 
     <span>
diff --git a/src/components/ImportPage.vue b/src/components/ImportPage.vue
index 29b42c77..20eee3b9 100644
--- a/src/components/ImportPage.vue
+++ b/src/components/ImportPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="uk-vertical-align uk-text-center uk-height-1-1 ">
+    <div class="uk-vertical-align uk-text-center uk-height-1-1">
         <form class="uk-panel uk-panel-box">
             <div class="uk-form-row">
                 <input ref="fileSelector" type="file" @change="fileChange" />
diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index 31afb458..efbb8b15 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="uk-vertical-align uk-text-center uk-height-1-1 ">
+    <div class="uk-vertical-align uk-text-center uk-height-1-1">
         <form class="uk-panel uk-panel-box">
             <div class="uk-form-row">
                 <input
@@ -14,7 +14,7 @@
             <div class="uk-form-row">
                 <input
                     v-model="password"
-                    class="uk-width-1-1 uk-form-large uk-input  uk-width-auto"
+                    class="uk-width-1-1 uk-form-large uk-input uk-width-auto"
                     type="password"
                     autocomplete="password"
                     :placeholder="$t('login.password')"
diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue
index d797358d..0941cad1 100644
--- a/src/components/RegisterPage.vue
+++ b/src/components/RegisterPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="uk-vertical-align uk-text-center uk-height-1-1 ">
+    <div class="uk-vertical-align uk-text-center uk-height-1-1">
         <form class="uk-panel uk-panel-box">
             <div class="uk-form-row">
                 <input
@@ -14,7 +14,7 @@
             <div class="uk-form-row">
                 <input
                     v-model="password"
-                    class="uk-width-1-1 uk-form-large uk-input  uk-width-auto"
+                    class="uk-width-1-1 uk-form-large uk-input uk-width-auto"
                     type="password"
                     autocomplete="password"
                     :placeholder="$t('login.password')"
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index c7138c74..9d75bd80 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/src/components/SubscriptionsPage.vue
@@ -25,7 +25,7 @@
     </div>
     <hr />
 
-    <div v-for="subscription in subscriptions" :key="subscription.url" style="text-align: center;">
+    <div v-for="subscription in subscriptions" :key="subscription.url" style="text-align: center">
         <div class="uk-text-primary" :style="[{ background: backgroundColor }]">
             <a :href="subscription.url">
                 <img :src="subscription.avatar" class="uk-margin-small-right uk-border-circle" width="96" height="96" />
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index fe9bf4dc..ce545379 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -6,20 +6,27 @@
                 <span
                     v-if="video.duration"
                     class="uk-label uk-border-rounded uk-position-absolute video-duration"
-                    style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
+                    style="bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
                     >{{ timeFormat(video.duration) }}</span
                 >
                 <span
                     v-if="video.watched"
                     class="uk-label uk-border-rounded uk-position-absolute video-duration"
-                    style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, .75); color: white; padding: 0 5px;"
+                    style="bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px"
                     >{{ $t("video.watched") }}</span
                 >
             </div>
 
             <div>
                 <p
-                    style="padding-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;"
+                    style="
+                        padding-top: 0.5rem;
+                        margin-bottom: 0.5rem;
+                        display: -webkit-box;
+                        -webkit-line-clamp: 2;
+                        -webkit-box-orient: vertical;
+                        overflow: hidden;
+                    "
                     :title="video.title"
                 >
                     {{ video.title }}
@@ -45,17 +52,17 @@
                     loading="lazy"
                     :alt="video.uploaderName"
                     class="uk-border-circle"
-                    style="margin-right: 0.5rem; margin-top:0.5rem; width: 32px; height: 32px;"
+                    style="margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px"
                 />
             </router-link>
 
-            <div style="width: calc(100% - 32px - 8px);">
+            <div style="width: calc(100% - 32px - 8px)">
                 <router-link
                     v-if="video.uploaderUrl && video.uploaderName && !hideChannel"
                     class="uk-link-muted uk-overflow-hidden"
                     :to="video.uploaderUrl"
                     :title="video.uploaderName"
-                    style="display:block; width: 90%"
+                    style="display: block; width: 90%"
                 >
                     {{ video.uploaderName }}&thinsp;<font-awesome-icon
                         v-if="video.uploaderVerified"