fix: proper key for v-for loops

components/docs/Collection.vue

@@ -6,7 +6,7 @@
     </h2>
     <span
       v-for="(folder, index) in collection.folders"
-      :key="`sub-collection-${index}`"
+      :key="`folder-${index}`"
       class="folder"
     >
       <DocsFolder :folder="folder" />

components/docs/Folder.vue

@@ -4,10 +4,13 @@
       <i class="material-icons">folder_open</i>
       {{ folder.name || $t("none") }}
     </h3>
-    <div v-for="(subFolder, index) in folder.folders" :key="index">
+    <div
+      v-for="(subFolder, index) in folder.folders"
+      :key="`subFolder-${index}`"
+    >
       <DocsFolder :folder="subFolder" />
     </div>
-    <div v-for="(request, index) in folder.requests" :key="index">
+    <div v-for="(request, index) in folder.requests" :key="`request-${index}`">
       <DocsRequest :request="request" />
     </div>
   </div>

components/docs/Request.vue

@@ -47,7 +47,11 @@
     </p>
     <h4 v-if="request.headers" class="heading">{{ $t("headers") }}</h4>
     <span v-if="request.headers">
-      <p v-for="header in request.headers" :key="header.key" class="doc-desc">
+      <p
+        v-for="(header, index) in request.headers"
+        :key="`header-${index}`"
+        class="doc-desc"
+      >
         <span>
           {{ header.key || $t("none") }}:
           <code>{{ header.value || $t("none") }}</code>
@@ -57,8 +61,8 @@
     <h4 v-if="request.params" class="heading">{{ $t("parameters") }}</h4>
     <span v-if="request.params">
       <p
-        v-for="parameter in request.params"
-        :key="parameter.key"
+        v-for="(parameter, index) in request.params"
+        :key="`parameter-${index}`"
         class="doc-desc"
       >
         <span>
@@ -70,8 +74,8 @@
     <h4 v-if="request.bodyParams" class="heading">{{ $t("payload") }}</h4>
     <span v-if="request.bodyParams">
       <p
-        v-for="payload in request.bodyParams"
-        :key="payload.key"
+        v-for="(payload, index) in request.bodyParams"
+        :key="`payload-${index}`"
         class="doc-desc"
       >
         <span>