From a7278a4beb9b06c2f146e7a465b0cee74e5f530f Mon Sep 17 00:00:00 2001
From: Ba Thien Le <bathien.le.pro@gmail.com>
Date: Thu, 29 Aug 2024 13:06:21 +0200
Subject: [PATCH] fix(prop): avoid mutating `shortTermToken` prop directly
 (Cytomine-ULiege/Cytomine-Web-UI#111)

---
 src/components/image/ImagePreview.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/image/ImagePreview.vue b/src/components/image/ImagePreview.vue
index e80917c23..23188231a 100644
--- a/src/components/image/ImagePreview.vue
+++ b/src/components/image/ImagePreview.vue
@@ -35,6 +35,7 @@
 
 <script>
 import {changeImageUrlFormat} from '@/utils/image-utils';
+import {get} from '@/utils/store-helpers';
 import {appendShortTermToken} from '@/utils/token-utils.js';
 
 export default {
@@ -45,9 +46,9 @@ export default {
     fullHeightCard: {type: Boolean, default: true},
     showProject: {type: Boolean, default: false},
     blindMode: {type: Boolean, default: false},
-    shortTermToken: {type: String, default: null}
   },
   computed: {
+    shortTermToken: get('currentUser/shortTermToken'),
     idImage() {
       return this.image.image || this.image.id; // if provided object is image consultation, image.image
     },
@@ -67,9 +68,6 @@ export default {
       return {backgroundImage: `url("${appendShortTermToken(this.previewUrl, this.shortTermToken)}")`};
     }
   },
-  created() {
-    this.shortTermToken = this.$store.getters['currentUser/currentShortTermToken'];
-  }
 };
 </script>