More changes

src/components/Chat.vue

@@ -398,6 +398,7 @@ import prettyBytes from "pretty-bytes";
 import RoomExport from "./RoomExport.vue";
 import EmojiPicker from 'vue3-emoji-picker';
 import emitter from 'tiny-emitter/instance';
+import { markRaw } from "vue";
 
 const READ_RECEIPT_TIMEOUT = 5000; /* How long a message must have been visible before the read marker is updated */
 const WINDOW_BUFFER_SIZE = 0.3; /** Relative window height of when we start paginating. Always keep this much loaded before and after our scroll position!  */

src/components/Profile.vue

@@ -269,7 +269,6 @@ import { mapState } from 'vuex'
 export default {
   name: "Profile",
   mixins: [profileInfoMixin],
-  inject: ['$matrix'],
   components: {
     ActionRow,
     SelectLanguageDialog,

src/components/chatMixin.js

@@ -1,3 +1,4 @@
+import { markRaw } from "vue";
 import util, { ROOM_TYPE_CHANNEL, STATE_EVENT_ROOM_DELETION_NOTICE } from "../plugins/utils";
 import MessageIncomingText from "./messages/MessageIncomingText";
 import MessageIncomingFile from "./messages/MessageIncomingFile";
@@ -130,6 +131,14 @@ export default {
     },
 
     componentForEvent(event, isForExport = false) {
+      let component = this.componentForEventInternal(event, isForExport);
+      if (component) {
+        return markRaw(component);
+      }
+      return component;
+    },
+
+    componentForEventInternal(event, isForExport = false) {
       const isChannel = this.roomDisplayType === ROOM_TYPE_CHANNEL;
       if (event === ROOM_READ_MARKER_EVENT_PLACEHOLDER) {
         return ReadMarker;

src/components/messages/messageMixin.js

@@ -9,7 +9,6 @@ linkify.options.defaults.className = "link";
 linkify.options.defaults.target = { url: "_blank" };
 
 export default {
-  inject: ['$matrix'],
   components: {
     QuickReactions,
   },