btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

fix: proper key for v-for loops

Browse Source
This commit is contained in:
liyasthomas
2021-07-14 05:19:08 +05:30
parent 7ec8539540
commit eeddb6a97e
39 changed files with 139 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/graphql.vue
View File

@@ -53,7 +53,7 @@
</ul>
<ul
v-for="(header, index) in headers"
:key="`${header.value}_${index}`"
:key="`header-${index}`"
class="
divide-y divide-dashed divide-divider
border-b border-dashed border-divider
@@ -363,8 +363,8 @@
class="divide-y divide-dividerLight"
>
<GraphqlField
v-for="field in filteredQueryFields"
:key="field.name"
v-for="(field, index) in filteredQueryFields"
:key="`field-${index}`"
:gql-field="field"
:jump-type-callback="handleJumpToType"
class="p-4"
@@ -377,8 +377,8 @@
class="divide-y divide-dividerLight"
>
<GraphqlField
v-for="field in filteredMutationFields"
:key="field.name"
v-for="(field, index) in filteredMutationFields"
:key="`field-${index}`"
:gql-field="field"
:jump-type-callback="handleJumpToType"
class="p-4"
@@ -391,8 +391,8 @@
class="divide-y divide-dividerLight"
>
<GraphqlField
v-for="field in filteredSubscriptionFields"
:key="field.name"
v-for="(field, index) in filteredSubscriptionFields"
:key="`field-${index}`"
:gql-field="field"
:jump-type-callback="handleJumpToType"
class="p-4"
@@ -406,8 +406,8 @@
class="divide-y divide-dividerLight"
>
<GraphqlType
v-for="type in filteredGraphqlTypes"
:key="type.name"
v-for="(type, index) in filteredGraphqlTypes"
:key="`type-${index}`"
:gql-type="type"
:gql-types="graphqlTypes"
:is-highlighted="
@@ -438,7 +438,7 @@
"
>
<i class="material-icons opacity-50 pb-2">description</i>
<span class="text-xs">
<span class="text-xs text-center">
{{ $t("send_request_first") }}
</span>
</div>