From 7d49f756821e730c19eab14cfcfcd82ee1f88194 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Sun, 8 Nov 2020 20:46:47 -0500
Subject: [PATCH] Query arguments in GraphQL are shown separately with
 description (#1319)

* Query arguments in GraphQL are shown separately with description

* Update field.vue

Co-authored-by: Liyas Thomas <liyascthomas@gmail.com>
---
 components/graphql/field.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/graphql/field.vue b/components/graphql/field.vue
index 4234bbee9..d84965b70 100644
--- a/components/graphql/field.vue
+++ b/components/graphql/field.vue
@@ -22,6 +22,18 @@
     >
       {{ $t("deprecated") }}
     </div>
+    <div v-if="fieldArgs.length > 0">
+      <h5 class="text-xs my-2">ARGUMENTS:</h5>
+      <div class="border-l-2 border-acColor px-4">
+        <div v-for="(field, index) in fieldArgs" :key="index">
+          {{ field.name }}:
+          <typelink :gqlType="field.type" :jumpTypeCallback="jumpTypeCallback" />
+          <div class="mt-2 text-fgLightColor field-desc" v-if="field.description">
+            {{ field.description }}
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -39,7 +51,6 @@ export default {
     jumpTypeCallback: Function,
     isHighlighted: { type: Boolean, default: false },
   },
-
   computed: {
     fieldName() {
       return this.gqlField.name