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>

12
pages/index.vue
View File

@@ -51,13 +51,13 @@
</div>
</template>
<SmartItem
v-for="(contentTypeMenuItem, index) in validContentTypes"
:key="`content-type-${index}`"
v-for="(contentTypeItem, index) in validContentTypes"
:key="`contentTypeItem-${index}`"
@click.native="
contentType = contentTypeMenuItem
contentType = contentTypeItem
$refs.contentTypeOptions.tippy().hide()
"
:label="contentTypeMenuItem"
:label="contentTypeItem"
/>
</tippy>
<SmartToggle
@@ -411,7 +411,7 @@
</div>
<div
v-for="(testReport, index) in testReports"
:key="index"
:key="`testReport-${index}`"
class="px-4"
>
<div v-if="testReport.startBlock">
@@ -556,7 +556,7 @@
>
<option
v-for="(req, index) in tokenReqs"
:key="index"
:key="`req-${index}`"
:value="req.name"
>
{{ req.name }}