Add getOptionKey property to all vue-selects

lib/vue/src/components/permissions/CPermissionsModal.vue

@@ -54,6 +54,7 @@
               label="name"
               :clearable="false"
               :options="roles"
+              :get-option-key="getOptionRoleKey"
               append-to-body
               class="h-100 bg-white"
               @input="onRoleChange"
@@ -183,6 +184,7 @@
           key="roleID"
           v-model="add.roleID"
           :options="roles"
+          :get-option-key="getOptionRoleKey"
           label="name"
           multiple
           clearable
@@ -204,6 +206,7 @@
           :disabled="!!add.roleID.length"
           :options="userOptions"
           :get-option-label="getUserLabel"
+          :get-option-key="getOptionUserKey"
           label="name"
           clearable
           :placeholder="labels.add.user.placeholder"
@@ -558,6 +561,14 @@ export default {
 
       return this.$t(`permissions:ui.tooltip.unknown-context.${isUser ? 'user' : 'role'}`)
     },
+
+    getOptionRoleKey ({ roleID }) {
+      return roleID
+    },
+
+    getOptionUserKey ({ userID }) {
+      return userID
+    },
   },
 }
 </script>

lib/vue/src/components/privacy/CSensitivityLevelPicker.vue

@@ -5,6 +5,7 @@
     :disabled="_disabled"
     :options="sensitivityLevels"
     :get-option-label="getLabel"
+    :get-option-key="getOptionKey"
     :placeholder="placeholder"
     :reduce="l => l.sensitivityLevelID"
     append-to-body
@@ -95,7 +96,11 @@ export default {
 
     onInput (sensitivityLevelID) {
       this.$emit('input', sensitivityLevelID ? sensitivityLevelID : NoID)
-    }
+    },
+
+    getOptionKey ({ sensitivityLevelID }) {
+      return sensitivityLevelID
+    },
   }
 }
 </script>

lib/vue/src/components/prompts/kinds/CPromptComposeRecordPicker.vue

@@ -9,6 +9,7 @@
       <vue-select
         v-model="value"
         :options="options"
+        :get-option-key="getOptionKey"
         :loading="processing"
         append-to-body
         :calculate-position="calculatePosition"
@@ -287,6 +288,10 @@ export default {
     goToPage (next = true) {
       this.filter.pageCursor = next ? this.filter.nextPage : this.filter.prevPage
     },
+
+    getOptionKey ({ recordID }) {
+      return recordID
+    },
   },
 }
 </script>