From 54e409650e915714c1add0a988b9164ca5b68edc Mon Sep 17 00:00:00 2001
From: Anders Rune Jensen <arj03@protonmail.ch>
Date: Wed, 19 Aug 2020 21:31:58 +0200
Subject: [PATCH] Fix people selector

---
 npm-shrinkwrap.json | 6 +++---
 package.json        | 2 +-
 ui/helpers.js       | 5 +++--
 ui/private.js       | 6 +++---
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index 464498b..6ee9fa7 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -4301,9 +4301,9 @@
       "integrity": "sha512-n3Ok70hW0EpcJF4lcWIwSHAQbFTnIOLl/fhO8+oTs4jHNtBNsovcVvPZeTOyKEd8C3xF1Crft2ASuOiVT5K1mw=="
     },
     "vue-select": {
-      "version": "3.9.5",
-      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.9.5.tgz",
-      "integrity": "sha512-r392oaLYepNxY+uY1EN7r05VPOqSWGEfZ3LtJ3NqhrRbWCpWQ5EPSMN3QL80HdN3H+o1ueQA9P58K1vgGZ5P3Q=="
+      "version": "3.10.8",
+      "resolved": "https://registry.npmjs.org/vue-select/-/vue-select-3.10.8.tgz",
+      "integrity": "sha512-PnjtZWCTiSr04bs8ctPIiU41qnBK+oh/SOe6Pb4gElMMxofDFwUxiUe++mz0+84aTy4zrleGxtvVVyWbiPYBiw=="
     },
     "word-wrap": {
       "version": "1.2.3",
diff --git a/package.json b/package.json
index 3b56688..9a3386c 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "ssb-sort": "^1.1.3",
     "vue": "^2.6.11",
     "vue-router": "^3.4.2",
-    "vue-select": "^3.9.5",
+    "vue-select": "^3.10.8",
     "workbox-build": "^4.3.1"
   },
   "devDependencies": {
diff --git a/ui/helpers.js b/ui/helpers.js
index 6b6f055..7ed6c93 100644
--- a/ui/helpers.js
+++ b/ui/helpers.js
@@ -4,10 +4,11 @@ exports.getPeople = function(cb) {
     for (var id in profiles) {
       const profile = profiles[id]
       if (profile.image) {
+        const profileId = id
         SSB.net.blobs.localGet(profile.image, (err, url) => {
           people.push({
-            id,
-            name: profile.name || id,
+            id: profileId,
+            name: profile.name || profileId,
             image: err ? '' : url
           })
         })
diff --git a/ui/private.js b/ui/private.js
index bd95b64..8f2f35b 100644
--- a/ui/private.js
+++ b/ui/private.js
@@ -7,9 +7,9 @@ module.exports = function (componentsState) {
     template: `<div id="private">
         <span v-if="postMessageVisible">
         <v-select placeholder="recipients" multiple v-model="recipients" :options="people" label="name">
-          <template slot="option" slot-scope="option">
-            <img v-if='option.image' class="tinyAvatar" :src='option.image' />
-            <span>{{ option.name }}</span>
+          <template #option="{ name, image }">
+            <img v-if='image' class="tinyAvatar" :src='image' />
+            <span>{{ name }}</span>
           </template>
         </v-select>
         <input type="text" id="subject" v-model="subject" placeholder="subject" />