Fix autosave on blur/card change and trigger easymde rerendering

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/card/CardSidebar.vue

@@ -152,10 +152,12 @@
 				@click="clickedPreview"
 				v-html="renderedDescription" />
 			<VueEasymde v-else
+				:key="copiedCard.id"
 				ref="markdownEditor"
-				:value="copiedCard.description"
+				v-model="copiedCard.description"
 				:configs="mdeConfig"
-				@input="updateDescription" />
+				@input="updateDescription"
+				@blur="saveDescription" />
 		</AppSidebarTab>
 
 		<AppSidebarTab id="attachments"
@@ -356,11 +358,15 @@ export default {
 		this.initialize()
 	},
 	methods: {
-		initialize() {
+		async initialize() {
 			if (!this.currentCard) {
 				return
 			}
 
+			if (this.copiedCard) {
+				await this.saveDescription()
+			}
+
 			this.copiedCard = JSON.parse(JSON.stringify(this.currentCard))
 			this.allLabels = this.currentCard.labels
 
@@ -431,11 +437,7 @@ export default {
 			this.copiedCard.duedate = null
 			this.$store.dispatch('updateCardDue', this.copiedCard)
 		},
-		updateDescription(text) {
+		async saveDescription() {
-			this.copiedCard.description = text
-			this.copiedCard.descriptionLastEdit = Date.now()
-			clearTimeout(this.descriptionSaveTimeout)
-			this.descriptionSaveTimeout = setTimeout(async() => {
 			if (!Object.prototype.hasOwnProperty.call(this.copiedCard, 'descriptionLastEdit') || this.descriptionSaving) {
 				return
 			}
@@ -443,8 +445,13 @@ export default {
 			await this.$store.dispatch('updateCardDesc', this.copiedCard)
 			delete this.copiedCard.descriptionLastEdit
 			this.descriptionSaving = false
+		},
+		updateDescription(text) {
+			this.copiedCard.descriptionLastEdit = Date.now()
+			clearTimeout(this.descriptionSaveTimeout)
+			this.descriptionSaveTimeout = setTimeout(async() => {
+				 await this.saveDescription()
 			}, 2500)
-
 		},
 
 		closeSidebar() {