From 02471e6d600b517cae77c7845a1b3f3bff432d88 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Fri, 16 Oct 2020 07:10:07 +0530
Subject: [PATCH] Lint

---
 components/layout/contributors.vue | 30 ------------------------------
 components/layout/pw-header.vue    |  1 +
 components/layout/sidenav.vue      |  4 +++-
 components/realtime/log.vue        |  1 +
 components/ui/autocomplete.vue     |  1 +
 components/ui/modal.vue            |  9 ++++++---
 components/ui/pw-toggle.vue        |  2 ++
 components/ui/url-field.vue        |  1 +
 pages/doc.vue                      |  2 +-
 9 files changed, 16 insertions(+), 35 deletions(-)

diff --git a/components/layout/contributors.vue b/components/layout/contributors.vue
index 9fbe4b9d6..9033cc11d 100644
--- a/components/layout/contributors.vue
+++ b/components/layout/contributors.vue
@@ -101,21 +101,6 @@
         <img src="https://opencollective.com/hoppscotch/organization/1/avatar.svg" />
       </a>
     </div>
-    <div class="contributors">
-      <a
-        v-for="sponsor in githubSponsors"
-        :key="sponsor.handle"
-        :href="sponsor.profile"
-        target="_blank"
-        rel="noopener"
-      >
-        <img
-          class="github-sponsor"
-          :src="`${sponsor.profile}.png?size=128`"
-          :alt="sponsor.handle"
-        />
-      </a>
-    </div>
     <h3 class="title">Code Contributors</h3>
     <p class="info">This project exists thanks to all the people who contribute.</p>
     <div class="contributors">
@@ -144,18 +129,3 @@
   @apply rounded-full;
 }
 </style>
-
-<script>
-export default {
-  data() {
-    return {
-      githubSponsors: [],
-    }
-  },
-  async mounted() {
-    this.githubSponsors = await this.$axios
-      .$get("https://sponsors.trnck.dev/hoppscotch/sponsors")
-      .then((data) => data.sponsors)
-  },
-}
-</script>
diff --git a/components/layout/pw-header.vue b/components/layout/pw-header.vue
index f67949195..008ac2c98 100644
--- a/components/layout/pw-header.vue
+++ b/components/layout/pw-header.vue
@@ -290,6 +290,7 @@ kbd {
 
 .slide-in {
   @apply relative;
+
   animation: slideIn 0.2s forwards ease-in-out;
 }
 
diff --git a/components/layout/sidenav.vue b/components/layout/sidenav.vue
index 801257740..e465f592b 100644
--- a/components/layout/sidenav.vue
+++ b/components/layout/sidenav.vue
@@ -131,7 +131,7 @@
             </a>
           </li>
           <li>
-            <a href="#documentation" v-tooltip.right="'Documentation'">
+            <a href="#documentation" v-tooltip.right="$t('documentation')">
               <i class="material-icons">insert_drive_file</i>
             </a>
           </li>
@@ -221,6 +221,7 @@ nav.primary-nav {
       @apply bg-acColor;
       @apply text-actColor;
       @apply fill-current;
+
       border-radius: 16px;
 
       svg {
@@ -300,6 +301,7 @@ nav.secondary-nav {
     @apply justify-between;
     @apply bg-bgDarkColor;
     @apply space-y-0;
+
     padding-bottom: env(safe-area-inset-bottom);
 
     a {
diff --git a/components/realtime/log.vue b/components/realtime/log.vue
index fcc9502ce..1ca07d928 100644
--- a/components/realtime/log.vue
+++ b/components/realtime/log.vue
@@ -20,6 +20,7 @@
   @apply bg-bgDarkColor;
   @apply text-fgColor;
   @apply overflow-auto;
+
   height: 256px;
 
   &,
diff --git a/components/ui/autocomplete.vue b/components/ui/autocomplete.vue
index 38a58bf5e..d7d64df46 100644
--- a/components/ui/autocomplete.vue
+++ b/components/ui/autocomplete.vue
@@ -50,6 +50,7 @@
     @apply ease-in-out;
     @apply duration-200;
     @apply shadow-lg;
+
     top: calc(100% - 8px);
     border-radius: 0 0 8px 8px;
 
diff --git a/components/ui/modal.vue b/components/ui/modal.vue
index 18269e776..deeed1195 100644
--- a/components/ui/modal.vue
+++ b/components/ui/modal.vue
@@ -32,6 +32,7 @@
   @apply transition;
   @apply ease-in-out;
   @apply duration-200;
+
   background-color: rgba(0, 0, 0, 0.32);
 }
 
@@ -55,6 +56,7 @@
   @apply bg-bgColor;
   @apply rounded-lg;
   @apply shadow-2xl;
+
   max-height: calc(100vh - 128px);
   max-width: 720px;
 }
@@ -89,13 +91,14 @@
 .fade {
   @apply absolute;
   @apply block;
-  left: 16px;
-  right: 20px;
-  height: 32px;
   @apply transition;
   @apply ease-in-out;
   @apply duration-200;
 
+  left: 16px;
+  right: 20px;
+  height: 32px;
+
   &.top {
     top: 68px;
     background: linear-gradient(to bottom, var(--bg-color), transparent);
diff --git a/components/ui/pw-toggle.vue b/components/ui/pw-toggle.vue
index c25f7ad56..b4653eb06 100644
--- a/components/ui/pw-toggle.vue
+++ b/components/ui/pw-toggle.vue
@@ -40,6 +40,7 @@ label.toggle {
   @apply my-4;
   @apply mx-2;
   @apply cursor-pointer;
+
   width: $width;
   height: $height;
   border: if($useBorder, 2px solid $borderColor, none);
@@ -53,6 +54,7 @@ label.toggle {
     @apply inset-0;
     @apply rounded-full;
     @apply pointer-events-none;
+
     transition: $transition;
     margin: $handleSpacing;
     background-color: $inactiveHandleColor;
diff --git a/components/ui/url-field.vue b/components/ui/url-field.vue
index 403bf41d0..a34f6ba7b 100644
--- a/components/ui/url-field.vue
+++ b/components/ui/url-field.vue
@@ -11,6 +11,7 @@
 .highlight-TEXT {
   @apply overflow-auto;
   @apply break-all;
+
   height: 22px;
 }
 
diff --git a/pages/doc.vue b/pages/doc.vue
index 5bd2600f8..dc99bc81f 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -68,7 +68,7 @@
           </ul>
         </pw-section>
 
-        <pw-section class="green" label="Documentation" ref="documentation">
+        <pw-section class="green" :label="$t('documentation')" ref="documentation">
           <p v-if="this.items.length === 0" class="info">
             {{ $t("generate_docs_first") }}
           </p>