SOme vuetify things

frontend/components/chat/ChatInput.vue

@@ -1,33 +1,38 @@
 <template>
-    <div class="chat-input">
-        <input v-model="chatInput" type="text" placeholder="Aa.." @keyup.enter="send" />
-        <button @click="send">Send</button>
-        <button @click="requestHelp">Help</button>
-    </div>
+  <v-row>
+    <v-col cols="9">
+      <v-text-field v-model="chatInput" label="Aa.." @keyup.enter="send"></v-text-field>
+    </v-col>
+    <v-col cols="1">
+      <v-btn @click="send">Send</v-btn>
+    </v-col>
+    <v-col cols="1">
+      <v-btn @click="requestHelp">Help</v-btn>
+    </v-col>
+  </v-row>
 </template>
 
 <script>
 export default {
-    data() {
-        return {
-            chatInput: ""
-        }
+  data() {
+    return {
+      chatInput: ""
+    };
+  },
+  methods: {
+    send: function() {
+      if (this.chatInput == "") {
+        return;
+      }
+      this.$emit("sentMessage", this.chatInput);
+      this.chatInput = "";
     },
-    methods: {
-        send: function() {
-            if(this.chatInput == "") {
-                return;
-            }
-            this.$emit("sentMessage", this.chatInput);
-            this.chatInput = "";
-        },
-        requestHelp: function() {
-            console.log("emit for help here");
-        }
+    requestHelp: function() {
+      console.log("emit for help here");
     }
-}
+  }
+};
 </script>
 
 <style scoped lang="scss">
-
 </style>