chore(deps): bump + sort tailwind classes

components/environments/index.vue

@@ -103,8 +103,8 @@ export default {
         })
     },
     environments: {
-      handler(val) {
-        if (val.length === 0) {
+      handler({ length }) {
+        if (length === 0) {
           this.selectedEnvironmentIndex = -1
           this.$emit("use-environment", {
             environment: this.defaultEnvironment,

components/graphql/field.vue

@@ -23,8 +23,8 @@
       {{ $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">
+      <h5 class="my-2 text-xs">ARGUMENTS:</h5>
+      <div class="px-4 border-l-2 border-acColor">
         <div v-for="(field, index) in fieldArgs" :key="index">
           {{ field.name }}:
           <typelink :gqlType="field.type" :jumpTypeCallback="jumpTypeCallback" />

components/graphql/type.vue

@@ -1,9 +1,9 @@
 <template>
   <div :id="`type_${gqlType.name}`" class="p-2 m-2">
     <div class="font-bold type-title" :class="{ 'type-highlighted': isHighlighted }">
-      <span v-if="isInput" class="text-acColor font-normal">input </span>
-      <span v-else-if="isInterface" class="text-acColor font-normal">interface </span>
-      <span v-else-if="isEnum" class="text-acColor font-normal">enum </span>
+      <span v-if="isInput" class="font-normal text-acColor">input </span>
+      <span v-else-if="isInterface" class="font-normal text-acColor">interface </span>
+      <span v-else-if="isEnum" class="font-normal text-acColor">enum </span>
       {{ gqlType.name }}
     </div>
     <div class="mt-2 text-fgLightColor type-desc" v-if="gqlType.description">