⚡ Lint

components/collections/collection.vue

@@ -15,11 +15,7 @@
         </button>
         <template slot="popover">
           <div>
-            <button
+            <button class="icon" @click="$emit('add-folder')" v-close-popover>
-              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
+            <button class="icon" @click="removeCollection" v-close-popover>
-              class="icon"
-              @click="removeCollection"
-              v-close-popover
-            >
               <i class="material-icons">delete</i>
               <span>Delete</span>
             </button>

components/collections/folder.vue

@@ -15,21 +15,13 @@
         </button>
         <template slot="popover">
           <div>
-            <button
+            <button class="icon" @click="editFolder" v-close-popover>
-              class="icon"
-              @click="editFolder"
-              v-close-popover
-            >
               <i class="material-icons">edit</i>
               <span>Edit</span>
             </button>
           </div>
           <div>
-            <button
+            <button class="icon" @click="removeFolder" v-close-popover>
-              class="icon"
-              @click="removeFolder"
-              v-close-popover
-            >
               <i class="material-icons">delete</i>
               <span>Delete</span>
             </button>

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

components/collections/request.vue

@@ -12,21 +12,13 @@
       </button>
       <template slot="popover">
         <div>
-          <button
+          <button class="icon" @click="$emit('edit-request')" v-close-popover>
-            class="icon"
-            @click="$emit('edit-request')"
-            v-close-popover
-          >
             <i class="material-icons">edit</i>
             <span>Edit</span>
           </button>
         </div>
         <div>
-          <button
+          <button class="icon" @click="removeRequest" v-close-popover>
-            class="icon"
-            @click="removeRequest"
-            v-close-popover
-          >
             <i class="material-icons">delete</i>
             <span>Delete</span>
           </button>

components/history.vue

@@ -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
+              <button class="icon" @click="toggleCollapse()">
-                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>
@@ -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;

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

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>