Lint

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>

components/layout/pw-header.vue

@@ -290,6 +290,7 @@ kbd {
 
 .slide-in {
   @apply relative;
+
   animation: slideIn 0.2s forwards ease-in-out;
 }
 

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 {

components/realtime/log.vue

@@ -20,6 +20,7 @@
   @apply bg-bgDarkColor;
   @apply text-fgColor;
   @apply overflow-auto;
+
   height: 256px;
 
   &,

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;
 

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);

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;

components/ui/url-field.vue

@@ -11,6 +11,7 @@
 .highlight-TEXT {
   @apply overflow-auto;
   @apply break-all;
+
   height: 22px;
 }
 

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>