Vue lifecycle changes

destroyed -> unmounted, beforeDestroy -> beforeUnmount

src/components/AudioLayout.vue

@@ -139,7 +139,7 @@ export default {
     document.body.classList.add("dark");
     this.$audioPlayer.setAutoplay(false);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     emitter.off('audio-playback-started', this.audioPlaybackStarted);
     emitter.off('audio-playback-paused', this.audioPlaybackPaused);
     emitter.off('audio-playback-ended', this.audioPlaybackEnded);

src/components/AuthedImage.vue

@@ -15,7 +15,7 @@ export default {
       },
     },
   },
-  destroyed() {
+  unmounted() {
     this.unloadSrc();
   },
   watch: {

src/components/BottomSheet.vue

@@ -114,7 +114,7 @@ export default {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.mc.destroy();
     window.onresize = null;
   },

src/components/Chat.vue

@@ -561,7 +561,7 @@ export default {
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     emitter.off('audio-playback-ended', this.audioPlaybackEnded);
     this.$audioPlayer.pause();
     this.stopRRTimer();
@@ -571,7 +571,7 @@ export default {
     }
   },
 
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.onEvent);
     this.$matrix.off("RoomMember.typing", this.onUserTyping);
   },

src/components/ChatHeader.vue

@@ -101,7 +101,7 @@ export default {
     this.updateMemberCount();
   },
 
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.onEvent);
   },
 

src/components/Join.vue

@@ -467,7 +467,7 @@ export default {
     // action and set up conversion tracking triggered by Room Joined (once per visit).
     this.$analytics.event("Invitations", "Join Page Shown");
   },
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.myMembership", this.onMyMembership);
   },
 };

src/components/RoomInfo.vue

@@ -353,7 +353,7 @@ export default {
     this.buildVersion = buildVersion;
   },
 
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.onEvent);
   },
 

src/components/file_mode/FileDropLayout.vue

@@ -136,7 +136,7 @@ export default {
     document.body.classList.add("dark");
     this.$audioPlayer.setAutoplay(false);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.body.classList.remove("dark");
   },
   computed: {

src/components/file_mode/GalleryItemsView.vue

@@ -65,7 +65,7 @@ export default {
       }
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.body.classList.remove("dark");
   },
   computed: {

src/components/messages/AudioPlayer.vue

@@ -44,7 +44,7 @@ export default {
   mounted() {
     this.event.on("Event.localEventIdReplaced", this.onLocalEventIdReplaced);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.$audioPlayer.removeListener(this._uid);
     this.event.off("Event.localEventIdReplaced", this.onLocalEventIdReplaced);
   },

src/components/messages/QuickReactions.vue

@@ -86,7 +86,7 @@ export default {
     this.reactions = this.timelineSet.relations.getChildEventsForEvent(this.event.getId(), 'm.annotation', 'm.reaction');
     this.event.on("Event.relationsCreated", this.onRelationsCreated);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.event.off("Event.relationsCreated", this.onRelationsCreated);
     if (this.reactions) {
       this.reactions.off('Relations.add', this.onAddRelation);

src/components/messages/SeenBy.vue

@@ -79,7 +79,7 @@ export default {
       this.room.on("Room.receipt", this.onReceipt);
     }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.room) {
       this.room.off("Room.receipt", this.onReceipt);
     }

src/components/messages/attachmentMixin.js

@@ -19,7 +19,7 @@ export default {
   mounted() {
     this.loadAttachmentSource(this.event);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.loadAttachmentSource(null); // Release
   },
   computed: {

src/components/messages/channel/QuickReactionsChannel.vue

@@ -50,7 +50,7 @@ export default {
     this.reactions = this.timelineSet.relations.getChildEventsForEvent(this.event.getId(), 'm.annotation', 'm.reaction');
     this.event.on("Event.relationsCreated", this.onRelationsCreated);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     this.event.off("Event.relationsCreated", this.onRelationsCreated);
     if (this.reactions) {
       this.reactions.off('Relations.add', this.onAddRelation);

src/components/messages/pollMixin.js

@@ -26,10 +26,10 @@ export default {
       "";
     this.updateAnswers();
   },
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.pollMixinOnEvent);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.pollResponseRelations) {
       this.pollResponseRelations.off("Relations.add", this.onAddRelation);
       this.pollResponseRelations = null;

src/components/roomInfoMixin.js

@@ -24,7 +24,7 @@ export default {
     this.updateMessageRetention();
   },
 
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.roomInfoMixinOnEvent);
   },
 

src/components/roomMembersMixin.js

@@ -9,7 +9,7 @@ export default {
     this.updateMembers();
   },
 
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.roomMembersMixinOnEvent);
   },
 

src/components/roomTypeMixin.js

@@ -9,7 +9,7 @@ export default {
   mounted() {
     this.$matrix.on("Room.timeline", this.onRoomTypeMixinEvent);
   },
-  destroyed() {
+  unmounted() {
     this.$matrix.off("Room.timeline", this.onRoomTypeMixinEvent);
   },
   watch: {