Fix eslint

Signed-off-by: Joas Schilling <coding@schilljs.com>

12 files changed, 70 insertions, 137 deletions

diff --git a/src/components/MessagesList/MessagesGroup/AuthorAvatar.vue b/src/components/MessagesList/MessagesGroup/AuthorAvatar.vue
index c07032883..237963b81 100644
--- a/src/components/MessagesList/MessagesGroup/AuthorAvatar.vue
+++ b/src/components/MessagesList/MessagesGroup/AuthorAvatar.vue
@@ -20,8 +20,7 @@
 -->
 
 <template>
-	<Avatar
-		v-if="isUser"
+	<Avatar v-if="isUser"
 		:disable-tooltip="true"
 		class="messages__avatar__icon"
 		:user="authorId"
@@ -30,21 +29,17 @@
 		:menu-container="menuContainer"
 		menu-position="left"
 		:display-name="displayName" />
-	<div
-		v-else-if="isDeletedUser"
+	<div v-else-if="isDeletedUser"
 		class="avatar-32px guest">
 		X
 	</div>
-	<div
-		v-else-if="isGuest"
+	<div v-else-if="isGuest"
 		class="avatar-32px guest">
 		{{ firstLetterOfGuestName }}
 	</div>
-	<div
-		v-else-if="isChangelog"
+	<div v-else-if="isChangelog"
 		class="avatar-32px icon icon-changelog" />
-	<div
-		v-else
+	<div v-else
 		class="avatar-32px bot">
 		&gt;_
 	</div>
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 996213680..81fd47737 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -25,31 +25,26 @@ the main body of the message as well as a quote.
 </docs>
 
 <template>
-	<li
-		:id="`message_${id}`"
+	<li :id="`message_${id}`"
 		ref="message"
 		:data-message-id="id"
 		:data-seen="seen"
 		:data-next-message-id="nextMessageId"
 		:data-previous-message-id="previousMessageId"
 		class="message">
-		<div
-			:class="{'hover': showActions && !isSystemMessage && !isDeletedMessage, 'system' : isSystemMessage}"
+		<div :class="{'hover': showActions && !isSystemMessage && !isDeletedMessage, 'system' : isSystemMessage}"
 			class="message-body"
 			@mouseover="handleMouseover"
 			@mouseleave="handleMouseleave">
-			<div
-				v-if="isFirstMessage && showAuthor"
+			<div v-if="isFirstMessage && showAuthor"
 				class="message-body__author"
 				role="heading"
 				aria-level="4">
 				{{ actorDisplayName }}
 			</div>
-			<div
-				ref="messageMain"
+			<div ref="messageMain"
 				class="message-body__main">
-				<div
-					v-if="isSingleEmoji"
+				<div v-if="isSingleEmoji"
 					class="message-body__main__text">
 					<Quote v-if="parent" :parent-id="parent" v-bind="quote" />
 					<div class="single-emoji">
@@ -68,14 +63,12 @@ the main body of the message as well as a quote.
 					<RichText :text="message" :arguments="richParameters" :autolink="true" />
 				</div>
 				<div v-if="!isDeletedMessage" class="message-body__main__right">
-					<span
-						v-tooltip.auto="messageDate"
+					<span v-tooltip.auto="messageDate"
 						class="date"
 						:style="{'visibility': hasDate ? 'visible' : 'hidden'}"
 						:class="{'date--self': showSentIcon}">{{ messageTime }}</span>
 					<!-- Message delivery status indicators -->
-					<div
-						v-if="sendingFailure"
+					<div v-if="sendingFailure"
 						v-tooltip.auto="sendingErrorIconTooltip"
 						class="message-status sending-failed"
 						:class="{'retry-option': sendingErrorCanRetry}"
@@ -85,99 +78,81 @@ the main body of the message as well as a quote.
 						@focus="showReloadButton = true"
 						@mouseleave="showReloadButton = true"
 						@blur="showReloadButton = true">
-						<button
-							v-if="sendingErrorCanRetry && showReloadButton"
+						<button v-if="sendingErrorCanRetry && showReloadButton"
 							class="nc-button nc-button__main--dark"
 							@click="handleRetry">
-							<Reload
-								decorative
+							<Reload decorative
 								title=""
 								:size="16" />
 						</button>
-						<AlertCircle
-							v-else
+						<AlertCircle v-else
 							decorative
 							title=""
 							:size="16" />
 					</div>
-					<div
-						v-else-if="isTemporary && !isTemporaryUpload || isDeleting"
+					<div v-else-if="isTemporary && !isTemporaryUpload || isDeleting"
 						v-tooltip.auto="loadingIconTooltip"
 						class="icon-loading-small message-status"
 						:aria-label="loadingIconTooltip" />
-					<div
-						v-else-if="showCommonReadIcon"
+					<div v-else-if="showCommonReadIcon"
 						v-tooltip.auto="commonReadIconTooltip"
 						class="message-status"
 						:aria-label="commonReadIconTooltip">
-						<CheckAll
-							decorative
+						<CheckAll decorative
 							title=""
 							:size="16" />
 					</div>
-					<div
-						v-else-if="showSentIcon"
+					<div v-else-if="showSentIcon"
 						v-tooltip.auto="sentIconTooltip"
 						class="message-status"
 						:aria-label="sentIconTooltip">
-						<Check
-							decorative
+						<Check decorative
 							title=""
 							:size="16" />
 					</div>
 					<!-- Message Actions -->
-					<div
-						v-if="hasActions"
+					<div v-if="hasActions"
 						v-show="showActions"
 						class="message-body__main__right__actions"
 						:class="{ 'tall' : isTallEnough }">
 						<Actions v-show="isReplyable">
-							<ActionButton
-								icon="icon-reply"
+							<ActionButton icon="icon-reply"
 								@click.stop="handleReply">
 								{{ t('spreed', 'Reply') }}
 							</ActionButton>
 						</Actions>
-						<Actions
-							:force-menu="true"
+						<Actions :force-menu="true"
 							:container="container"
 							:boundaries-element="containerElement">
-							<ActionButton
-								v-if="isPrivateReplyable"
+							<ActionButton v-if="isPrivateReplyable"
 								icon="icon-user"
 								:close-after-click="true"
 								@click.stop="handlePrivateReply">
 								{{ t('spreed', 'Reply privately') }}
 							</ActionButton>
-							<ActionButton
-								icon="icon-external"
+							<ActionButton icon="icon-external"
 								:close-after-click="true"
 								@click.stop.prevent="handleCopyMessageLink">
 								{{ t('spreed', 'Copy message link') }}
 							</ActionButton>
-							<ActionButton
-								:close-after-click="true"
+							<ActionButton :close-after-click="true"
 								@click.stop="handleMarkAsUnread">
 								<template #icon>
-									<EyeOffOutline
-										decorative
+									<EyeOffOutline decorative
 										title=""
 										:size="16" />
 								</template>
 								{{ t('spreed', 'Mark as unread') }}
 							</ActionButton>
-							<ActionLink
-								v-if="linkToFile"
+							<ActionLink v-if="linkToFile"
 								icon="icon-text"
 								:href="linkToFile">
 								{{ t('spreed', 'Go to file') }}
 							</ActionLink>
-							<ActionButton
-								v-if="!isCurrentGuest && !isFileShare"
+							<ActionButton v-if="!isCurrentGuest && !isFileShare"
 								:close-after-click="true"
 								@click.stop="showForwarder = true">
-								<Share
-									slot="icon"
+								<Share slot="icon"
 									:size="16"
 									decorative
 									title="" />
@@ -185,8 +160,7 @@ the main body of the message as well as a quote.
 							</ActionButton>
 							<ActionSeparator v-if="messageActions.length > 0" />
 							<template v-for="action in messageActions">
-								<ActionButton
-									:key="action.label"
+								<ActionButton :key="action.label"
 									:icon="action.icon"
 									:close-after-click="true"
 									@click="action.callback(messageAPIData)">
@@ -195,8 +169,7 @@ the main body of the message as well as a quote.
 							</template>
 							<template v-if="isDeleteable">
 								<ActionSeparator />
-								<ActionButton
-									icon="icon-delete"
+								<ActionButton icon="icon-delete"
 									:close-after-click="true"
 									@click.stop="handleDelete">
 									{{ t('spreed', 'Delete') }}
@@ -207,15 +180,13 @@ the main body of the message as well as a quote.
 				</div>
 			</div>
 		</div>
-		<div
-			v-if="isLastReadMessage"
+		<div v-if="isLastReadMessage"
 			v-observe-visibility="lastReadMessageVisibilityChanged">
 			<div class="new-message-marker">
 				<span>{{ t('spreed', 'Unread messages') }}</span>
 			</div>
 		</div>
-		<Forwarder
-			v-if="showForwarder"
+		<Forwarder v-if="showForwarder"
 			:message-object="messageObject"
 			@close="showForwarder = false" />
 	</li>
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue
index a5f38038c..5136f86ef 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/AudioPlayer.vue
@@ -20,8 +20,7 @@
 -->
 
 <template>
-	<audio
-		class="audio-player"
+	<audio class="audio-player"
 		controls
 		:src="fileURL">
 		{{ t('spreed', 'Your browser does not support playing audio files') }}
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Contact.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Contact.vue
index f0a56d530..a894954db 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Contact.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Contact.vue
@@ -20,13 +20,11 @@
 -->
 
 <template>
-	<a
-		class="contact"
+	<a class="contact"
 		:href="link"
 		:aria-label="contactAriaLabel"
 		target="_blank">
-		<img
-			v-if="contactPhotoFromBase64"
+		<img v-if="contactPhotoFromBase64"
 			:class="{
 				'contact__image': contactHasPhoto,
 				'contact__icon': !contactHasPhoto,
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
index 260482a5f..26ec2187c 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DeckCard.vue
@@ -20,8 +20,7 @@
 -->
 
 <template>
-	<a
-		class="deck-card"
+	<a class="deck-card"
 		:href="link"
 		:aria-label="deckCardAriaLabel"
 		target="_blank">
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DefaultParameter.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DefaultParameter.vue
index 68914d996..f047c418e 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/DefaultParameter.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/DefaultParameter.vue
@@ -20,8 +20,7 @@
 -->
 
 <template>
-	<a
-		v-if="link"
+	<a v-if="link"
 		:href="link"
 		class="external"
 		target="_blank"
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index 36ac7ebda..fce3ea866 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -22,48 +22,40 @@
 -->
 
 <template>
-	<file-preview
-		v-bind="filePreview"
+	<file-preview v-bind="filePreview"
 		:tabindex="wrapperTabIndex"
 		class="file-preview"
 		:class="{ 'file-preview--viewer-available': isViewerAvailable, 'file-preview--upload-editor': isUploadEditor }"
 		@click.exact="handleClick"
 		@keydown.enter="handleClick">
-		<div
-			v-if="!isLoading"
+		<div v-if="!isLoading"
 			class="image-container"
 			:class="{'playable': isPlayable}">
 			<span v-if="isPlayable && !smallPreview" class="play-video-button">
-				<PlayCircleOutline
-					:size="48"
+				<PlayCircleOutline :size="48"
 					decorative
 					fill-color="#ffffff"
 					title="" />
 			</span>
-			<img
-				v-if="!failed"
+			<img v-if="!failed"
 				v-tooltip="previewTooltip"
 				:class="previewImageClass"
 				class="file-preview__image"
 				alt=""
 				:src="previewUrl">
-			<img
-				v-else
+			<img v-else
 				:class="previewImageClass"
 				alt=""
 				:src="defaultIconUrl">
 		</div>
-		<span
-			v-if="isLoading"
+		<span v-if="isLoading"
 			v-tooltip="previewTooltip"
 			class="preview loading" />
-		<button
-			v-if="isUploadEditor"
+		<button v-if="isUploadEditor"
 			tabindex="1"
 			:aria-label="removeAriaLabel"
 			class="remove-file primary">
-			<Close
-				class="remove-file__icon"
+			<Close class="remove-file__icon"
 				decorative
 				title=""
 				@click="$emit('remove-file', id)" />
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue
index 723dd73f2..cbdce0d78 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Forwarder.vue
@@ -23,8 +23,7 @@
 	<div class="forwarder">
 		<!-- First step of the flow: selection of the room to which forward the
 		message to -->
-		<RoomSelector
-			v-if="!showForwardedConfirmation"
+		<RoomSelector v-if="!showForwardedConfirmation"
 			:container="container"
 			:show-postable-only="true"
 			:dialog-title="dialogTitle"
@@ -35,8 +34,7 @@
 		<!-- Second step of the flow: confirmation modal that gives the user
 		the possibility to direclty route to the conversation to which the
 		message has been forwarded -->
-		<Modal
-			v-else
+		<Modal v-else
 			@close="handleClose">
 			<EmptyContent icon="icon-checkmark" class="forwarded-confirmation__emptycontent">
 				<template #desc>
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue
index 313170368..e41186efe 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Location.vue
@@ -20,14 +20,12 @@
 -->
 
 <template>
-	<a
-		:href="mapLink"
+	<a :href="mapLink"
 		target="_blank"
 		rel="noopener noreferrer"
 		class="location"
 		:aria-label="linkAriaLabel">
-		<LMap
-			:zoom="previewZoom"
+		<LMap :zoom="previewZoom"
 			:center="center"
 			:options="{
 				scrollWheelZoom: false,
@@ -37,15 +35,13 @@
 			}"
 			@scroll.prevent="">
 			<LTileLayer :url="url" />
-			<LControlAttribution
-				position="bottomright"
+			<LControlAttribution position="bottomright"
 				:prefix="attribution" />
 			<LMarker :lat-lng="center">
-				<LTooltip
-					:options="{
-						direction: 'top',
-						permanent: 'true',
-						offset: [-16,-14]}">
+				<LTooltip :options="{
+					direction: 'top',
+					permanent: 'true',
+					offset: [-16,-14]}">
 					{{ name }}
 				</LTooltip>
 			</LMarker>
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
index 1c5248aeb..d7928f3b1 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Mention.vue
@@ -21,18 +21,15 @@
 
 <template>
 	<div class="mention">
-		<UserBubble
-			v-if="isMentionToAll"
+		<UserBubble v-if="isMentionToAll"
 			:display-name="name"
 			:avatar-image="'icon-group-forced-white'"
 			:primary="true" />
-		<UserBubble
-			v-else-if="isMentionToGuest"
+		<UserBubble v-else-if="isMentionToGuest"
 			:display-name="name"
 			:avatar-image="'icon-user-forced-white'"
 			:primary="isCurrentGuest" />
-		<UserBubble
-			v-else
+		<UserBubble v-else
 			:display-name="name"
 			:user="id"
 			:primary="isCurrentUser" />
diff --git a/src/components/MessagesList/MessagesGroup/MessagesGroup.vue b/src/components/MessagesList/MessagesGroup/MessagesGroup.vue
index ae312c086..0de4a12a5 100644
--- a/src/components/MessagesList/MessagesGroup/MessagesGroup.vue
+++ b/src/components/MessagesList/MessagesGroup/MessagesGroup.vue
@@ -21,26 +21,21 @@
 
 <template>
 	<div class="message-group">
-		<div
-			v-if="dateSeparator"
+		<div v-if="dateSeparator"
 			class="message-group__date-header">
-			<span
-				class="date"
+			<span class="date"
 				role="heading"
 				aria-level="3">{{ dateSeparator }}</span>
 		</div>
-		<div
-			class="wrapper"
+		<div class="wrapper"
 			:class="{'wrapper--system': isSystemMessage}">
 			<div v-if="!isSystemMessage" class="messages__avatar">
-				<AuthorAvatar
-					:author-type="actorType"
+				<AuthorAvatar :author-type="actorType"
 					:author-id="actorId"
 					:display-name="actorDisplayName" />
 			</div>
 			<ul class="messages">
-				<Message
-					v-for="(message, index) of messages"
+				<Message v-for="(message, index) of messages"
 					:key="message.id"
 					v-bind="message"
 					:is-first-message="index === 0"
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index f84979865..043a90189 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -28,18 +28,15 @@ get the messagesList array and loop through the list to generate the messages.
 <template>
 	<!-- size and remain refer to the amount and initial height of the items that
 	are outside of the viewport -->
-	<div
-		ref="scroller"
+	<div ref="scroller"
 		class="scroller"
 		@scroll="debounceHandleScroll">
-		<div
-			v-if="displayMessagesLoader"
+		<div v-if="displayMessagesLoader"
 			class="scroller__loading"
 			disabled>
 			<div class="icon-loading" />
 		</div>
-		<MessagesGroup
-			v-for="(item, index) of messagesGroupedByAuthor"
+		<MessagesGroup v-for="(item, index) of messagesGroupedByAuthor"
 			:key="item[0].id"
 			:style="{ height: item.height + 'px' }"
 			v-bind="item"
@@ -48,18 +45,15 @@ get the messagesList array and loop through the list to generate the messages.
 			:next-message-id="(messagesGroupedByAuthor[index + 1] && messagesGroupedByAuthor[index + 1][0].id) || 0"
 			:previous-message-id="(index > 0 && messagesGroupedByAuthor[index - 1][messagesGroupedByAuthor[index - 1].length - 1].id) || 0" />
 		<template v-if="!messagesGroupedByAuthor.length">
-			<LoadingPlaceholder
-				type="messages"
+			<LoadingPlaceholder type="messages"
 				:count="15" />
 		</template>
 		<transition name="fade">
-			<button
-				v-show="!isChatScrolledToBottom"
+			<button v-show="!isChatScrolledToBottom"
 				:aria-label="scrollToBottomAriaLabel"
 				class="scroll-to-bottom"
 				@click="smoothScrollToBottom">
-				<ChevronDown
-					decorative
+				<ChevronDown decorative
 					title=""
 					:size="20" />
 			</button>