🚨 Lint

assets/css/fonts.scss

@@ -1,2 +1,2 @@
 @import url("https://fonts.googleapis.com/css?family=Poppins:500,700|Roboto+Mono:400&display=swap");
-@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
+@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");

assets/css/styles.scss

@@ -77,7 +77,7 @@ a {
 
 header,
 footer {
-  & > div {
+  &>div {
     display: flex;
     padding: 16px;
     width: 100%;
@@ -527,7 +527,7 @@ input[type="checkbox"] {
   display: none;
 
   &,
-  & + label {
+  &+label {
     vertical-align: middle;
     cursor: pointer;
 
@@ -546,7 +546,7 @@ input[type="checkbox"] {
     }
   }
 
-  &:checked + label:before {
+  &:checked+label:before {
     background-color: var(--ac-color);
     border-color: var(--ac-color);
     color: var(--act-color);
@@ -713,7 +713,7 @@ input[type="radio"],
   display: none;
 }
 
-input[type="radio"] + label {
+input[type="radio"]+label {
   padding: 8px 16px;
   border-bottom: 2px solid transparent;
   cursor: pointer;
@@ -726,12 +726,12 @@ input[type="radio"] + label {
   }
 }
 
-input[type="radio"]:checked + label {
+input[type="radio"]:checked+label {
   border-color: var(--fg-color);
   color: var(--fg-color);
 }
 
-input[type="radio"]:checked + label + .tab {
+input[type="radio"]:checked+label+.tab {
   display: block;
 }
 

components/graphql/field.vue

@@ -18,10 +18,6 @@
   border-bottom: 1px solid var(--brd-color);
 }
 
-.field-title {
-  font-weight: 700;
-}
-
 .field-deprecated {
   background-color: yellow;
   color: black;

pages/graphql.vue

@@ -39,11 +39,7 @@
               useWorker: false
             }"
           />
-          <button
+          <button class="icon" @click="copySchema" v-tooltip="'Copy Schema'">
-            class="icon"
-            @click="copySchema"
-            v-tooltip="'Copy Schema'"
-          >
             <i class="material-icons">file_copy</i>
           </button>
         </pw-section>
@@ -149,7 +145,6 @@ export default {
     };
   },
   methods: {
-
     copySchema() {
       const aux = document.createElement("textarea");
       aux.innerText = this.schemaString;
@@ -172,8 +167,8 @@ export default {
 
       try {
         const res = await axios.post(this.url, {
-            query: gql.getIntrospectionQuery()
+          query: gql.getIntrospectionQuery()
-        })
+        });
 
         const schema = gql.buildClientSchema(res.data.data);
         this.schemaString = gql.printSchema(schema, {
@@ -238,14 +233,14 @@ export default {
         this.$toast.info(`Finished in ${duration}ms`, {
           icon: "done"
         });
-      } catch(error) {
+      } catch (error) {
-          this.$nuxt.$loading.finish();
+        this.$nuxt.$loading.finish();
-          this.schemaString = error + ". Check console for details.";
+        this.schemaString = error + ". Check console for details.";
-          this.$toast.error(error + " (F12 for details)", {
+        this.$toast.error(error + " (F12 for details)", {
-            icon: "error"
+          icon: "error"
-          });
+        });
-          console.log("Error", error);
+        console.log("Error", error);
-        }
+      }
     }
   }
 };

pages/index.vue

@@ -315,7 +315,6 @@
           <input id="tab-one" type="radio" name="options" checked="checked" />
           <label for="tab-one">Authentication</label>
           <div class="tab">
-
             <pw-section
               class="cyan"
               label="Authentication"
@@ -401,7 +400,6 @@
           <input id="tab-two" type="radio" name="options" />
           <label for="tab-two">Headers</label>
           <div class="tab">
-
             <pw-section class="orange" label="Headers" ref="headers">
               <ul>
                 <li>
@@ -482,7 +480,6 @@
           <input id="tab-three" type="radio" name="options" />
           <label for="tab-three">Parameters</label>
           <div class="tab">
-
             <pw-section class="pink" label="Parameters" ref="parameters">
               <ul>
                 <li>

pages/websocket.vue

@@ -24,7 +24,9 @@
               {{ toggleConnectionVerb }}
               <span>
                 <i class="material-icons" v-if="!connectionState">sync</i>
-                <i class="material-icons" v-if="connectionState">sync_disabled</i>
+                <i class="material-icons" v-if="connectionState"
+                  >sync_disabled</i
+                >
               </span>
             </button>
           </li>
@@ -47,9 +49,7 @@
                 v-for="(logEntry, index) in communication.log"
                 :style="{ color: logEntry.color }"
                 :key="index"
-                >@ {{ logEntry.ts }} {{ getSourcePrefix(logEntry.source) }}
+              >@ {{ logEntry.ts }} {{ getSourcePrefix(logEntry.source) }} {{ logEntry.payload }}</span>
-                {{ logEntry.payload }}</span
-              >
             </span>
             <span v-else>(waiting for connection)</span>
           </div>