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

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;
@@ -173,7 +168,7 @@ export default {
       try {
         const res = await axios.post(this.url, {
           query: gql.getIntrospectionQuery()
-        })
+        });
 
         const schema = gql.buildClientSchema(res.data.data);
         this.schemaString = gql.printSchema(schema, {

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>