fix: proper key for v-for loops

components/collections/graphql/Collection.vue

@@ -98,7 +98,7 @@
     <div v-show="showChildren || isFiltered">
       <CollectionsGraphqlFolder
         v-for="(folder, index) in collection.folders"
-        :key="folder.name"
+        :key="`folder-${index}`"
         class="ml-5 border-l border-dividerLight"
         :picked="picked"
         :saving-mode="savingMode"
@@ -115,7 +115,7 @@
       />
       <CollectionsGraphqlRequest
         v-for="(request, index) in collection.requests"
-        :key="index"
+        :key="`request-${index}`"
         class="ml-5 border-l border-dividerLight"
         :picked="picked"
         :saving-mode="savingMode"
@@ -145,7 +145,7 @@
         "
       >
         <i class="material-icons opacity-50 pb-2">folder_open</i>
-        <span class="text-xs">
+        <span class="text-xs text-center">
           {{ $t("collection_empty") }}
         </span>
       </div>

components/collections/graphql/Folder.vue

@@ -94,7 +94,7 @@
     <div v-show="showChildren || isFiltered">
       <CollectionsGraphqlFolder
         v-for="(subFolder, subFolderIndex) in folder.folders"
-        :key="subFolder.name"
+        :key="`subFolder-${subFolderIndex}`"
         class="ml-5 border-l border-dividerLight"
         :picked="picked"
         :saving-mode="savingMode"
@@ -111,7 +111,7 @@
       />
       <CollectionsGraphqlRequest
         v-for="(request, index) in folder.requests"
-        :key="index"
+        :key="`request-${index}`"
         class="ml-5 border-l border-dividerLight"
         :picked="picked"
         :saving-mode="savingMode"
@@ -144,7 +144,7 @@
         "
       >
         <i class="material-icons opacity-50 pb-2">folder_open</i>
-        <span class="text-xs">
+        <span class="text-xs text-center">
           {{ $t("folder_empty") }}
         </span>
       </div>

components/collections/graphql/index.vue

@@ -41,7 +41,7 @@
     <div class="flex-col">
       <CollectionsGraphqlCollection
         v-for="(collection, index) in filteredCollections"
-        :key="collection.name"
+        :key="`collection-${index}`"
         :picked="picked"
         :name="collection.name"
         :collection-index="index"
@@ -62,7 +62,7 @@
       class="flex items-center text-secondaryLight flex-col p-4 justify-center"
     >
       <i class="material-icons opacity-50 pb-2">create_new_folder</i>
-      <span class="text-xs">
+      <span class="text-xs text-center">
         {{ $t("create_new_collection") }}
       </span>
     </div>
@@ -71,7 +71,7 @@
       class="flex items-center text-secondaryLight flex-col p-4 justify-center"
     >
       <i class="material-icons opacity-50 pb-2">manage_search</i>
-      <span class="text-xs">
+      <span class="text-xs text-center">
         {{ $t("nothing_found") }} "{{ filterText }}"
       </span>
     </div>