submit with shift + enter

src/components/newMessage.vue

@@ -1,10 +1,12 @@
 <template>
   <div class="newMessageBanner">
+    <form v-on:submit.prevent="sendMessage()">
       <label for="newMessageInput"></label>
-    <textarea @input="resizeMessageBanner()" ref="newMessageInput" id="newMessageInput" class="newMessageInput"
+      <textarea v-on:keyup.shift.enter="sendMessage()" v-on:input="resizeMessageBanner()" ref="newMessageInput" id="newMessageInput" class="newMessageInput"
                 autocomplete="off" placeholder="type a message ..." v-model="msg.content.text" />
-    <icon @click.native="sendMessage()" id="sendMessageBtn" style="position: absolute; right: 1rem; bottom: 0.5rem;"
+      <icon @click.native="sendMessage()" title="press shift + enter to submit" id="sendMessageBtn"
             ic="./sym/ic_send_white_24px.svg" />
+    </form>
   </div>
 </template>
 
@@ -82,5 +84,20 @@ export default {
   vertical-align: middle;
   font-family: Avenir, Helvetica, Arial, sans-serif;
 }
-
+#sendMessageBtn{
+  position: absolute;
+  right: 1rem;
+  bottom: 0.5rem;
+}
+#sendMessageBtn:hover::after{
+  content: "press shift + enter to submit";
+  position: absolute;
+  padding: 1rem;
+  bottom: 4rem;
+  right: 0;
+  width: 14rem;
+  background-color: #eee;
+  color: #000;
+  border-radius: 1rem;
+}
 </style>