Fix focusing on topic when using ctx menu Edit Topic action

client/components/Chat.vue

@@ -236,14 +236,16 @@ export default defineComponent({
 			}
 		);
 
-		const editTopicRef = ref(props.channel.editTopic);
-		watch(editTopicRef, (newTopic) => {
-			if (newTopic) {
-				void nextTick(() => {
-					topicInput.value?.focus();
-				});
+		watch(
+			() => props.channel.editTopic,
+			(newTopic) => {
+				if (newTopic) {
+					void nextTick(() => {
+						topicInput.value?.focus();
+					});
+				}
 			}
-		});
+		);
 
 		onMounted(() => {
 			channelChanged();
@@ -260,7 +262,6 @@ export default defineComponent({
 			messageList,
 			topicInput,
 			specialComponent,
-			editTopicRef,
 			hideUserVisibleError,
 			editTopic,
 			saveTopic,

client/components/MessageTypes/join.vue

@@ -6,7 +6,7 @@
 			<i class="account"> [{{ message.account }}]</i>
 		</template>
 		<template v-if="message.gecos">
-			<i class="realname"> {{ message.gecos }} </i>
+			<i class="realname"> {{ message.gecos }}</i>
 		</template>
 		has joined the channel
 	</span>

client/js/commands/join.ts

@@ -2,7 +2,7 @@ import socket from "../socket";
 import {store} from "../store";
 import {switchToChannel} from "../router";
 
-function input(args) {
+function input(args: string[]) {
 	if (args.length > 0) {
 		let channels = args[0];