Moved Cocs section to right sidebar (will fix overflow issue later today) + Basic lint

components/graphql/field.vue

@@ -36,12 +36,19 @@ export default {
   computed: {
     fieldString() {
       const args = (this.gqlField.args || []).reduce((acc, arg, index) => {
-        return acc + `${arg.name}: ${arg.type.toString()}${(index !== this.gqlField.args.length - 1) ? ", " : ''}`;
-      }, '');
-      const argsString = (args.length > 0) ? `(${args})` : '';
+        return (
+          acc +
+          `${arg.name}: ${arg.type.toString()}${
+            index !== this.gqlField.args.length - 1 ? ", " : ""
+          }`
+        );
+      }, "");
+      const argsString = args.length > 0 ? `(${args})` : "";
 
-      return `${this.gqlField.name}${argsString}: ${this.gqlField.type.toString()}`;
+      return `${
+        this.gqlField.name
+      }${argsString}: ${this.gqlField.type.toString()}`;
     }
   }
-}
+};
 </script>

components/graphql/type.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="type-box">
-    <div class="type-title">{{gqlType.name}}</div>
+    <div class="type-title">{{ gqlType.name }}</div>
     <div class="type-desc" v-if="gqlType.description">
-      {{gqlType.description}}
+      {{ gqlType.description }}
     </div>
 
     <div v-if="gqlType.getFields">
@@ -43,5 +43,5 @@ export default {
   props: {
     gqlType: Object
   }
-}
+};
 </script>