2 files changed, 10 insertions(+), 11 deletions(-)

M src/irc/DisplayMessage.ts
M src/irc/IRCChannel.ts

@@ 1,9 1,9 @@
-import { ref, type Ref } from "vue";
+import { reactive } from "vue";
 import type { IRCMessage } from "./IRCMessage";
 
 export class DisplayMessage {
-	public reactions: Ref<Map<string, number>>
+	public reactions: Map<string, number>
 	constructor(public time: Date, public sender: string, public msgType: string, public text: string, public originalMessage: IRCMessage) {
-		this.reactions = ref(new Map<string, number>());
+		this.reactions = reactive(new Map<string, number>());
 	}
   }=
\ No newline at end of file

@@ 1,20 1,19 @@
-import { reactive, ref, type Ref } from "vue";
+import { reactive } from "vue";
 import { DisplayMessage } from "./DisplayMessage";
 import { useMetadataStore } from "@/stores/metadata";
 
 export class IRCChannel {
-	public topic: Ref<string>
-	public modes: Ref<Map<string, string>>
+	public topic: string
+	public modes: Map<string, string>
 	public nicklist: Set<string>
 	public messages: DisplayMessage[]
-	public unreadMessages: Ref<number>
+	public unreadMessages: number
 	constructor(public name: string) {
-		this.topic = ref("");
-		this.modes = ref(new Map<string, string>());
+		this.topic = "";
+		this.modes = reactive(new Map<string, string>());
 		this.nicklist = reactive(new Set<string>());
 		this.messages = reactive([]);
-		this.unreadMessages = ref(0);
-		
+		this.unreadMessages = 0;
 	}
 
 	addMessage(message: DisplayMessage) {