Update Chat.vue

Updated to make the chat input the focus when chat loads.
CybertownRevival · Aug 27, 2024 · 18c35ad · 18c35ad
1 parent 3eac054
commit 18c35ad
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/spa/src/components/Chat.vue b/spa/src/components/Chat.vue
@@ -44,6 +44,7 @@
           class="flex-grow p-0.5 text-black"
           @keyup.exact.enter="sendMessage"
           maxlength="255"
+          v-focus
         />
         <button
           type="button"
@@ -405,6 +406,13 @@ export default Vue.extend({
       pingIntervalId: null,
     };
   },
+  directives: {
+    focus: {
+      inserted: function (el) {
+        el.focus()
+      }
+    }
+  },
   methods: {
     handler: function(e) {
       this.userMenu = true;