fix code styling

Author: ycarooliveira

demo/src/ChatContainer.vue

@@ -5,28 +5,36 @@
 			<button type="submit" :disabled="disableForm || !addRoomUsername">
 				Create Room
 			</button>
-			<button class="button-cancel" @click="addNewRoom = false">Cancel</button>
+			<button class="button-cancel" @click="addNewRoom = false">
+				Cancel
+			</button>
 		</form>
 
 		<form v-if="inviteRoomId" @submit.prevent="addRoomUser">
 			<input v-model="invitedUsername" type="text" placeholder="Add username" />
 			<button type="submit" :disabled="disableForm || !invitedUsername">
 				Add User
 			</button>
-			<button class="button-cancel" @click="inviteRoomId = null">Cancel</button>
+			<button class="button-cancel" @click="inviteRoomId = null">
+				Cancel
+			</button>
 		</form>
 
 		<form v-if="removeRoomId" @submit.prevent="deleteRoomUser">
 			<select v-model="removeUserId">
-				<option default value="">Select User</option>
+				<option default value="">
+					Select User
+				</option>
 				<option v-for="user in removeUsers" :key="user._id" :value="user._id">
 					{{ user.username }}
 				</option>
 			</select>
 			<button type="submit" :disabled="disableForm || !removeUserId">
 				Remove User
 			</button>
-			<button class="button-cancel" @click="removeRoomId = null">Cancel</button>
+			<button class="button-cancel" @click="removeRoomId = null">
+				Cancel
+			</button>
 		</form>
 
 		<chat-window
@@ -509,7 +517,9 @@ export default {
 				newMessage.files = deleteDbField
 			}
 
-			await messagesRef(roomId).doc(messageId).update(newMessage)
+			await messagesRef(roomId)
+				.doc(messageId)
+				.update(newMessage)
 
 			if (files) {
 				for (let index = 0; index < files.length; index++) {
@@ -521,7 +531,9 @@ export default {
 		},
 
 		async deleteMessage({ message, roomId }) {
-			await messagesRef(roomId).doc(message._id).update({ deleted: new Date() })
+			await messagesRef(roomId)
+				.doc(message._id)
+				.update({ deleted: new Date() })
 
 			const { files } = message
 
@@ -551,7 +563,9 @@ export default {
 			await uploadFileRef.put(file.blob, { contentType: type })
 			const url = await uploadFileRef.getDownloadURL()
 
-			const messageDoc = await messagesRef(roomId).doc(messageId).get()
+			const messageDoc = await messagesRef(roomId)
+				.doc(messageId)
+				.get()
 
 			const files = messageDoc.data().files
 
@@ -561,7 +575,9 @@ export default {
 				}
 			})
 
-			await messagesRef(roomId).doc(messageId).update({ files })
+			await messagesRef(roomId)
+				.doc(messageId)
+				.update({ files })
 		},
 
 		formattedFiles(files) {

src/lib/Room/Room.vue

@@ -322,7 +322,7 @@ const { detectMobile, iOSDevice } = require('../../utils/mobile-detection')
 
 const debounce = (func, delay) => {
 	let inDebounce
-	return function () {
+	return function() {
 		const context = this
 		const args = arguments
 		clearTimeout(inDebounce)
@@ -969,7 +969,7 @@ export default {
 				setTimeout(() => element.classList.remove('vac-scroll-smooth'))
 			}, 50)
 		},
-		onChangeInput: debounce(function (e) {
+		onChangeInput: debounce(function(e) {
 			if (e?.target?.value) {
 				this.message = e.target.value
 			}

src/lib/Room/RoomTemplatesText/RoomTemplatesText.vue

@@ -14,7 +14,9 @@
 				@click="$emit('select-template-text', template)"
 			>
 				<div class="vac-template-info">
-					<div class="vac-template-tag">/{{ template.tag }}</div>
+					<div class="vac-template-tag">
+/{{ template.tag }}
+</div>
 					<div class="vac-template-text">
 						{{ template.text }}
 					</div>
@@ -63,7 +65,6 @@ export default {
 			}
 			this.$emit('active-item')
 		}
-	},
-	methods: {}
+	}
 }
 </script>