From 967bf49db09875712dea34b4dc0f8857b0986a5f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 18 Nov 2019 18:02:44 +0530
Subject: [PATCH] :zap: Lint

---
 components/collections/collection.vue |  12 +--
 components/collections/folder.vue     |  12 +--
 components/collections/index.vue      |   6 +-
 components/collections/request.vue    |  12 +--
 components/history.vue                |  29 +++---
 functions/index.js                    |   2 +-
 pages/index.vue                       | 139 +++++++++++++++-----------
 7 files changed, 107 insertions(+), 105 deletions(-)

diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index 286409700..d481ce079 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -15,11 +15,7 @@
         </button>
         <template slot="popover">
           <div>
-            <button
-              class="icon"
-              @click="$emit('add-folder')"
-              v-close-popover
-            >
+            <button class="icon" @click="$emit('add-folder')" v-close-popover>
               <i class="material-icons">create_new_folder</i>
               <span>New folder</span>
             </button>
@@ -35,11 +31,7 @@
             </button>
           </div>
           <div>
-            <button
-              class="icon"
-              @click="removeCollection"
-              v-close-popover
-            >
+            <button class="icon" @click="removeCollection" v-close-popover>
               <i class="material-icons">delete</i>
               <span>Delete</span>
             </button>
diff --git a/components/collections/folder.vue b/components/collections/folder.vue
index 962fa2275..8703a8e58 100644
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -15,21 +15,13 @@
         </button>
         <template slot="popover">
           <div>
-            <button
-              class="icon"
-              @click="editFolder"
-              v-close-popover
-            >
+            <button class="icon" @click="editFolder" v-close-popover>
               <i class="material-icons">edit</i>
               <span>Edit</span>
             </button>
           </div>
           <div>
-            <button
-              class="icon"
-              @click="removeFolder"
-              v-close-popover
-            >
+            <button class="icon" @click="removeFolder" v-close-popover>
               <i class="material-icons">delete</i>
               <span>Delete</span>
             </button>
diff --git a/components/collections/index.vue b/components/collections/index.vue
index b347ed4c0..470ec1f4c 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -50,7 +50,11 @@ TODO:
         </button>
       </div>
       <div>
-        <button class="icon" @click="displayModalImportExport(true)" v-tooltip="'Import / Export'">
+        <button
+          class="icon"
+          @click="displayModalImportExport(true)"
+          v-tooltip="'Import / Export'"
+        >
           <i class="material-icons">import_export</i>
         </button>
         <a
diff --git a/components/collections/request.vue b/components/collections/request.vue
index a18c7db78..794c131e6 100644
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -12,21 +12,13 @@
       </button>
       <template slot="popover">
         <div>
-          <button
-            class="icon"
-            @click="$emit('edit-request')"
-            v-close-popover
-          >
+          <button class="icon" @click="$emit('edit-request')" v-close-popover>
             <i class="material-icons">edit</i>
             <span>Edit</span>
           </button>
         </div>
         <div>
-          <button
-            class="icon"
-            @click="removeRequest"
-            v-close-popover
-          >
+          <button class="icon" @click="removeRequest" v-close-popover>
             <i class="material-icons">delete</i>
             <span>Delete</span>
           </button>
diff --git a/components/history.vue b/components/history.vue
index 0eb5da739..3466febcc 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -11,9 +11,9 @@
           />
         </li>
         <v-popover>
-            <button class="tooltip-target icon" v-tooltip="'Sort'">
-              <i class="material-icons">sort</i>
-            </button>
+          <button class="tooltip-target icon" v-tooltip="'Sort'">
+            <i class="material-icons">sort</i>
+          </button>
           <template slot="popover">
             <div>
               <button class="icon" @click="sort_by_label()" v-close-popover>
@@ -28,7 +28,11 @@
               </button>
             </div>
             <div>
-              <button class="icon" @click="sort_by_status_code()" v-close-popover>
+              <button
+                class="icon"
+                @click="sort_by_status_code()"
+                v-close-popover
+              >
                 <i class="material-icons">assistant</i>
                 <span>Status</span>
               </button>
@@ -52,13 +56,10 @@
               </button>
             </div>
             <div>
-              <button
-                class="icon"
-                @click="toggleCollapse()"
-              >
+              <button class="icon" @click="toggleCollapse()">
                 <i class="material-icons" v-if="!showMore">first_page</i>
                 <i class="material-icons" v-else>last_page</i>
-                <span>{{ !showMore ? 'Show more' : 'Hide more' }}</span>
+                <span>{{ !showMore ? "Show more" : "Hide more" }}</span>
               </button>
             </div>
           </template>
@@ -91,7 +92,7 @@
               placeholder="No label"
             />
           </li>
-<!--
+          <!--
           <li>
             <button
               class="icon"
@@ -123,7 +124,7 @@
                   <span>Restore</span>
                 </button>
               </div>
-               <div>
+              <div>
                 <button
                   class="icon"
                   :id="'delete-button#' + index"
@@ -241,7 +242,7 @@
               class="icon"
               id="confirm-clear-history-button"
               @click="clearHistory"
-               v-tooltip="'Yes'"
+              v-tooltip="'Yes'"
             >
               <i class="material-icons">done</i>
             </button>
@@ -249,7 +250,7 @@
               class="icon"
               id="reject-clear-history-button"
               @click="disableHistoryClearing"
-               v-tooltip="'No'"
+              v-tooltip="'No'"
             >
               <i class="material-icons">close</i>
             </button>
@@ -300,7 +301,7 @@ ol li {
     position: absolute;
     top: 10px;
     right: 8px;
-    font-family: 'Roboto Mono', monospace;
+    font-family: "Roboto Mono", monospace;
     background-color: var(--bg-color);
     padding: 2px 8px;
     border-radius: 8px;
diff --git a/functions/index.js b/functions/index.js
index bd698a23f..1baf47a21 100644
--- a/functions/index.js
+++ b/functions/index.js
@@ -1,4 +1,4 @@
-const functions = require('firebase-functions');
+// const functions = require('firebase-functions');
 
 // // Create and Deploy Your First Cloud Functions
 // // https://firebase.google.com/docs/functions/write-firebase-functions
diff --git a/pages/index.vue b/pages/index.vue
index 5e4367bf9..49861bb5a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -125,7 +125,8 @@
                 <div class="flex-wrap">
                   <span>
                     <pw-toggle :on="rawInput" @change="rawInput = $event"
-                      >Raw Input {{ rawInput ? "Enabled" : "Disabled" }}</pw-toggle
+                      >Raw Input
+                      {{ rawInput ? "Enabled" : "Disabled" }}</pw-toggle
                     >
                   </span>
                   <div>
@@ -247,7 +248,9 @@
                 id="code"
                 v-on:click="isHidden = !isHidden"
                 :disabled="!isValidURL"
-                v-tooltip.bottom="{ content: isHidden ? 'Show Code' : 'Hide Code' }"
+                v-tooltip.bottom="{
+                  content: isHidden ? 'Show Code' : 'Hide Code'
+                }"
               >
                 <i class="material-icons">flash_on</i>
               </button>
@@ -314,7 +317,11 @@
           <div class="tab">
             <br />
 
-            <pw-section class="cyan" label="Authentication" ref="authentication">
+            <pw-section
+              class="cyan"
+              label="Authentication"
+              ref="authentication"
+            >
               <ul>
                 <li>
                   <div class="flex-wrap">
@@ -360,10 +367,14 @@
                       ref="switchVisibility"
                       @click="switchVisibility"
                     >
-                      <i class="material-icons" v-if="passwordFieldType === 'text'"
+                      <i
+                        class="material-icons"
+                        v-if="passwordFieldType === 'text'"
                         >visibility</i
                       >
-                      <i class="material-icons" v-if="passwordFieldType !== 'text'"
+                      <i
+                        class="material-icons"
+                        v-if="passwordFieldType !== 'text'"
                         >visibility_off</i
                       >
                     </button>
@@ -554,7 +565,12 @@
 
         <br />
 
-        <pw-section class="purple" id="response" label="Response" ref="response">
+        <pw-section
+          class="purple"
+          id="response"
+          label="Response"
+          ref="response"
+        >
           <ul>
             <li>
               <label for="status">status</label>
@@ -626,7 +642,9 @@
                 v-if="response.body && responseType === 'text/html'"
               >
                 <button class="icon" @click.prevent="togglePreview">
-                  <i class="material-icons" v-if="!previewEnabled">visibility</i>
+                  <i class="material-icons" v-if="!previewEnabled"
+                    >visibility</i
+                  >
                   <i class="material-icons" v-else>visibility_off</i>
                   <span>{{
                     previewEnabled ? "Hide Preview" : "Preview HTML"
@@ -643,7 +661,10 @@
           <input id="history-tab" type="radio" name="side" checked="checked" />
           <label for="history-tab">History</label>
           <div class="tab">
-            <history @useHistory="handleUseHistory" ref="historyComponent"></history>
+            <history
+              @useHistory="handleUseHistory"
+              ref="historyComponent"
+            ></history>
           </div>
           <input id="collection-tab" type="radio" name="side" />
           <label for="collection-tab">Collections</label>
@@ -701,59 +722,59 @@
       </pw-modal>
 
       <pw-modal v-if="!isHidden" @close="isHidden = true">
-      <div slot="header">
-        <ul>
-          <li>
-            <div class="flex-wrap">
-              <h3 class="title">Generate code</h3>
-              <div>
-                <button class="icon" @click="isHidden = true">
-                  <i class="material-icons">close</i>
-                </button>
+        <div slot="header">
+          <ul>
+            <li>
+              <div class="flex-wrap">
+                <h3 class="title">Generate code</h3>
+                <div>
+                  <button class="icon" @click="isHidden = true">
+                    <i class="material-icons">close</i>
+                  </button>
+                </div>
               </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div slot="body">
-        <ul>
-          <li>
-            <label for="requestType">Request Type</label>
-            <select id="requestType" v-model="requestType">
-              <option>JavaScript XHR</option>
-              <option>Fetch</option>
-              <option>cURL</option>
-            </select>
-          </li>
-        </ul>
-        <ul>
-          <li>
-            <div class="flex-wrap">
-              <label for="generatedCode">Generated Code</label>
-              <div>
-                <button
-                  class="icon"
-                  @click="copyRequestCode"
-                  id="copyRequestCode"
-                  ref="copyRequestCode"
-                  v-tooltip="'Copy code'"
-                >
-                  <i class="material-icons">file_copy</i>
-                </button>
+            </li>
+          </ul>
+        </div>
+        <div slot="body">
+          <ul>
+            <li>
+              <label for="requestType">Request Type</label>
+              <select id="requestType" v-model="requestType">
+                <option>JavaScript XHR</option>
+                <option>Fetch</option>
+                <option>cURL</option>
+              </select>
+            </li>
+          </ul>
+          <ul>
+            <li>
+              <div class="flex-wrap">
+                <label for="generatedCode">Generated Code</label>
+                <div>
+                  <button
+                    class="icon"
+                    @click="copyRequestCode"
+                    id="copyRequestCode"
+                    ref="copyRequestCode"
+                    v-tooltip="'Copy code'"
+                  >
+                    <i class="material-icons">file_copy</i>
+                  </button>
+                </div>
               </div>
-            </div>
-            <textarea
-              id="generatedCode"
-              ref="generatedCode"
-              name="generatedCode"
-              rows="8"
-              v-model="requestCode"
-            ></textarea>
-          </li>
-        </ul>
-      </div>
-      <div slot="footer"></div>
-    </pw-modal>
+              <textarea
+                id="generatedCode"
+                ref="generatedCode"
+                name="generatedCode"
+                rows="8"
+                v-model="requestCode"
+              ></textarea>
+            </li>
+          </ul>
+        </div>
+        <div slot="footer"></div>
+      </pw-modal>
     </div>
   </div>
 </template>