(clean) code prettier

Author: antoine92190

src/ChatWindow/FormatMessage.vue

@@ -21,9 +21,9 @@
 					target="_blank"
 				>
 					<slot name="deleted-icon" v-bind="{ deleted }">
-						<svg-icon v-if="deleted" name="deleted" class="icon-deleted" />{{
-						message.value
-					}}</slot>
+						<svg-icon v-if="deleted" name="deleted" class="icon-deleted" />
+						{{ message.value }}
+					</slot>
 				</component>
 			</template>
 		</div>

src/ChatWindow/Message.vue

@@ -55,7 +55,9 @@
 								></div>
 							</div>
 
-							<div class="reply-content">{{ message.replyMessage.content }}</div>
+							<div class="reply-content">
+								{{ message.replyMessage.content }}
+							</div>
 						</div>
 
 						<div v-if="message.deleted">
@@ -93,7 +95,10 @@
 								}"
 							>
 								<transition name="fade-image">
-									<div class="image-buttons" v-if="imageHover && !isImageLoading">
+									<div
+										class="image-buttons"
+										v-if="imageHover && !isImageLoading"
+									>
 										<div
 											class="svg-button button-view"
 											@click.stop="openFile('preview')"
@@ -132,7 +137,10 @@
 						</div>
 
 						<div class="text-timestamp">
-							<div class="icon-edited" v-if="message.edited && !message.deleted">
+							<div
+								class="icon-edited"
+								v-if="message.edited && !message.deleted"
+							>
 								<slot name="pencil-icon">
 									<svg-icon name="pencil" />
 								</slot>
@@ -141,7 +149,9 @@
 							<span v-if="isCheckmarkVisible">
 								<slot name="checkmark-icon" v-bind="{ message }">
 									<svg-icon
-										:name="message.distributed ? 'double-checkmark' : 'checkmark'"
+										:name="
+											message.distributed ? 'double-checkmark' : 'checkmark'
+										"
 										:param="message.seen ? 'seen' : ''"
 										class="icon-check"
 									></svg-icon>
@@ -203,7 +213,9 @@
 
 						<transition
 							:name="
-								message.sender_id === currentUserId ? 'slide-left' : 'slide-right'
+								message.sender_id === currentUserId
+									? 'slide-left'
+									: 'slide-right'
 							"
 							v-if="filteredMessageActions.length"
 						>
@@ -220,7 +232,10 @@
 										v-for="action in filteredMessageActions"
 										:key="action.name"
 									>
-										<div class="menu-item" @click="messageActionHandler(action)">
+										<div
+											class="menu-item"
+											@click="messageActionHandler(action)"
+										>
 											{{ action.title }}
 										</div>
 									</div>

src/ChatWindow/Room.vue

@@ -4,9 +4,7 @@
 		v-show="(isMobile && !showRoomsList) || !isMobile || singleRoom"
 	>
 		<div class="room-header app-border-b">
-			<slot
-				name="room-header"
-				v-bind="{ room, typingUsers, userStatus }">
+			<slot name="room-header" v-bind="{ room, typingUsers, userStatus }">
 				<div class="room-wrapper">
 					<div
 						v-if="!singleRoom"
@@ -119,7 +117,10 @@
 								@sendMessageReaction="sendMessageReaction"
 								@hideOptions="hideOptions = $event"
 							>
-								<template v-for="(index, name) in $scopedSlots" v-slot:[name]="data">
+								<template
+									v-for="(index, name) in $scopedSlots"
+									v-slot:[name]="data"
+								>
 									<slot :name="name" v-bind="data"></slot>
 								</template>
 							</message>

src/ChatWindow/RoomsList.vue

@@ -64,7 +64,9 @@
 						</div>
 						<div
 							class="text-last"
-							:class="{ 'message-new': room.lastMessage && room.lastMessage.new }"
+							:class="{
+								'message-new': room.lastMessage && room.lastMessage.new
+							}"
 						>
 							<span v-if="isMessageCheckmarkVisible(room)">
 								<slot name="checkmark-icon" v-bind="room.lastMessage">