Auto fix warnings

Signed-off-by: Louis Chemineau <louis@chmn.me>

apps/comments/src/components/Comment.vue

@@ -36,15 +36,13 @@
 				show if we have a message id and current user is author -->
 			<Actions v-if="isOwnComment && id && !loading" class="comment__actions">
 				<template v-if="!editing">
-					<ActionButton
-						:close-after-click="true"
+					<ActionButton :close-after-click="true"
 						icon="icon-rename"
 						@click="onEdit">
 						{{ t('comments', 'Edit comment') }}
 					</ActionButton>
 					<ActionSeparator />
-					<ActionButton
-						:close-after-click="true"
+					<ActionButton :close-after-click="true"
 						icon="icon-delete"
 						@click="onDeleteWithUndo">
 						{{ t('comments', 'Delete comment') }}

apps/dav/src/views/Availability.vue

@@ -21,16 +21,14 @@
 					<div class="availability-slot-group">
 						<template v-for="(slot, idx) in day.slots">
 							<div :key="`slot-${day.id}-${idx}`" class="availability-slot">
-								<DatetimePicker
-									v-model="slot.start"
+								<DatetimePicker v-model="slot.start"
 									type="time"
 									class="start-date"
 									format="H:mm" />
 								<span class="to-text">
 									{{ $t('dav', 'to') }}
 								</span>
-								<DatetimePicker
-									v-model="slot.end"
+								<DatetimePicker v-model="slot.end"
 									type="time"
 									class="end-date"
 									format="H:mm" />

apps/dav/src/views/CalDavSettings.vue

@@ -7,8 +7,7 @@
 		<!-- eslint-disable-next-line vue/no-v-html -->
 		<p class="settings-hint" v-html="hint" />
 		<p>
-			<input
-				id="caldavSendInvitations"
+			<input id="caldavSendInvitations"
 				v-model="sendInvitations"
 				type="checkbox"
 				class="checkbox">
@@ -23,8 +22,7 @@
 			<em v-html="sendInvitationsHelpText" />
 		</p>
 		<p>
-			<input
-				id="caldavGenerateBirthdayCalendar"
+			<input id="caldavGenerateBirthdayCalendar"
 				v-model="generateBirthdayCalendar"
 				type="checkbox"
 				class="checkbox">
@@ -41,8 +39,7 @@
 			</em>
 		</p>
 		<p>
-			<input
-				id="caldavSendEventReminders"
+			<input id="caldavSendEventReminders"
 				v-model="sendEventReminders"
 				type="checkbox"
 				class="checkbox">
@@ -61,8 +58,7 @@
 			</em>
 		</p>
 		<p>
-			<input
-				id="caldavSendEventRemindersPush"
+			<input id="caldavSendEventRemindersPush"
 				v-model="sendEventRemindersPush"
 				type="checkbox"
 				class="checkbox"

apps/files/src/components/SidebarTab.vue

@@ -21,8 +21,7 @@
   -
   -->
 <template>
-	<AppSidebarTab
-		:id="id"
+	<AppSidebarTab :id="id"
 		ref="tab"
 		:name="name"
 		:icon="icon"

apps/files/src/components/TransferOwnershipDialogue.vue

@@ -37,8 +37,7 @@
 				<label for="targetUser">
 					<span>{{ t('files', 'New owner') }}</span>
 				</label>
-				<Multiselect
-					id="targetUser"
+				<Multiselect id="targetUser"
 					v-model="selectedUser"
 					:options="formatedUserSuggestions"
 					:multiple="false"

apps/files/src/services/Sidebar.js

@@ -22,7 +22,7 @@
 
 export default class Sidebar {
 
-	_state;
+	_state
 
 	constructor() {
 		// init empty state

apps/files/src/views/Sidebar.vue

@@ -21,8 +21,7 @@
   -->
 
 <template>
-	<AppSidebar
-		v-if="file"
+	<AppSidebar v-if="file"
 		ref="sidebar"
 		v-bind="appSidebar"
 		:force-menu="true"
@@ -46,8 +45,7 @@
 		<template v-if="fileInfo" #secondary-actions>
 			<!-- TODO: create proper api for apps to register actions
 			And inject themselves here. -->
-			<ActionButton
-				v-if="isSystemTagsEnabled"
+			<ActionButton v-if="isSystemTagsEnabled"
 				:close-after-click="true"
 				icon="icon-tag"
 				@click="toggleTags">
@@ -63,8 +61,7 @@
 		<!-- If fileInfo fetch is complete, render tabs -->
 		<template v-for="tab in tabs" v-else-if="fileInfo">
 			<!-- Hide them if we're loading another file but keep them mounted -->
-			<SidebarTab
-				v-if="tab.enabled(fileInfo)"
+			<SidebarTab v-if="tab.enabled(fileInfo)"
 				v-show="!loading"
 				:id="tab.id"
 				:key="tab.id"

apps/files/src/views/TemplatePicker.vue

@@ -33,13 +33,11 @@
 
 			<!-- Templates list -->
 			<ul class="templates-picker__list">
-				<TemplatePreview
-					v-bind="emptyTemplate"
+				<TemplatePreview v-bind="emptyTemplate"
 					:checked="checked === emptyTemplate.fileid"
 					@check="onCheck" />
 
-				<TemplatePreview
-					v-for="template in provider.templates"
+				<TemplatePreview v-for="template in provider.templates"
 					:key="template.fileid"
 					v-bind="template"
 					:checked="checked === template.fileid"

apps/files_sharing/src/components/SharingEntry.vue

@@ -39,14 +39,12 @@
 				<span>{{ share.status.message || '' }}</span>
 			</p>
 		</component>
-		<Actions
-			menu-align="right"
+		<Actions menu-align="right"
 			class="sharing-entry__actions"
 			@close="onMenuClose">
 			<template v-if="share.canEdit">
 				<!-- edit permission -->
-				<ActionCheckbox
-					ref="canEdit"
+				<ActionCheckbox ref="canEdit"
 					:checked.sync="canEdit"
 					:value="permissionsEdit"
 					:disabled="saving || !canSetEdit">
@@ -54,8 +52,7 @@
 				</ActionCheckbox>
 
 				<!-- create permission -->
-				<ActionCheckbox
-					v-if="isFolder"
+				<ActionCheckbox v-if="isFolder"
 					ref="canCreate"
 					:checked.sync="canCreate"
 					:value="permissionsCreate"
@@ -64,8 +61,7 @@
 				</ActionCheckbox>
 
 				<!-- delete permission -->
-				<ActionCheckbox
-					v-if="isFolder"
+				<ActionCheckbox v-if="isFolder"
 					ref="canDelete"
 					:checked.sync="canDelete"
 					:value="permissionsDelete"
@@ -74,8 +70,7 @@
 				</ActionCheckbox>
 
 				<!-- reshare permission -->
-				<ActionCheckbox
-					v-if="config.isResharingAllowed"
+				<ActionCheckbox v-if="config.isResharingAllowed"
 					ref="canReshare"
 					:checked.sync="canReshare"
 					:value="permissionsShare"
@@ -112,8 +107,7 @@
 
 				<!-- note -->
 				<template v-if="canHaveNote">
-					<ActionCheckbox
-						:checked.sync="hasNote"
+					<ActionCheckbox :checked.sync="hasNote"
 						:disabled="saving"
 						@uncheck="queueUpdate('note')">
 						{{ t('files_sharing', 'Note to recipient') }}

apps/files_sharing/src/components/SharingEntryInherited.vue

@@ -21,13 +21,11 @@
   -->
 
 <template>
-	<SharingEntrySimple
-		:key="share.id"
+	<SharingEntrySimple :key="share.id"
 		class="sharing-entry__inherited"
 		:title="share.shareWithDisplayName">
 		<template #avatar>
-			<Avatar
-				:user="share.shareWith"
+			<Avatar :user="share.shareWith"
 				:display-name="share.shareWithDisplayName"
 				class="sharing-entry__avatar"
 				tooltip-message="" />

apps/files_sharing/src/components/SharingEntryInternal.vue

@@ -1,7 +1,6 @@
 
 <template>
-	<SharingEntrySimple
-		class="sharing-entry__internal"
+	<SharingEntrySimple class="sharing-entry__internal"
 		:title="t('files_sharing', 'Internal link')"
 		:subtitle="internalLinkSubtitle">
 		<template #avatar>

apps/files_sharing/src/components/SharingEntryLink.vue

@@ -133,8 +133,7 @@
 			<template v-if="share">
 				<template v-if="share.canEdit && canReshare">
 					<!-- Custom Label -->
-					<ActionInput
-						ref="label"
+					<ActionInput ref="label"
 						v-tooltip.auto="{
 							content: errors.label,
 							show: errors.label,
@@ -185,8 +184,7 @@
 						{{ t('files_sharing', 'Allow editing') }}
 					</ActionCheckbox>
 
-					<ActionCheckbox
-						:checked.sync="share.hideDownload"
+					<ActionCheckbox :checked.sync="share.hideDownload"
 						:disabled="saving"
 						@change="queueUpdate('hideDownload')">
 						{{ t('files_sharing', 'Hide download') }}

apps/files_sharing/src/models/Share.js

@@ -27,7 +27,7 @@
 
 export default class Share {
 
-	_share;
+	_share
 
 	/**
 	 * Create the share object

apps/files_sharing/src/services/ExternalLinkActions.js

@@ -22,7 +22,7 @@
 
 export default class ExternalLinkActions {
 
-	_state;
+	_state
 
 	constructor() {
 		// init empty state

apps/files_sharing/src/services/ExternalShareActions.js

@@ -22,7 +22,7 @@
 
 export default class ExternalShareActions {
 
-	_state;
+	_state
 
 	constructor() {
 		// init empty state

apps/files_sharing/src/services/ShareSearch.js

@@ -22,7 +22,7 @@
 
 export default class ShareSearch {
 
-	_state;
+	_state
 
 	constructor() {
 		// init empty state

apps/files_sharing/src/services/TabSections.js

@@ -22,7 +22,7 @@
 
 export default class TabSections {
 
-	_sections;
+	_sections
 
 	constructor() {
 		this._sections = []

apps/files_sharing/src/views/SharingInherited.vue

@@ -23,8 +23,7 @@
 <template>
 	<ul id="sharing-inherited-shares">
 		<!-- Main collapsible entry -->
-		<SharingEntrySimple
-			class="sharing-entry__inherited"
+		<SharingEntrySimple class="sharing-entry__inherited"
 			:title="mainTitle"
 			:subtitle="subTitle">
 			<template #avatar>

apps/files_sharing/src/views/SharingTab.vue

@@ -33,8 +33,7 @@
 			<!-- shared with me information -->
 			<SharingEntrySimple v-if="isSharedWithMe" v-bind="sharedWithMe" class="sharing-entry__reshare">
 				<template #avatar>
-					<Avatar
-						:user="sharedWithMe.user"
+					<Avatar :user="sharedWithMe.user"
 						:display-name="sharedWithMe.displayName"
 						class="sharing-entry__avatar"
 						tooltip-message="" />

apps/settings/src/components/AdminDelegation/GroupSelect.vue

@@ -1,6 +1,5 @@
 <template>
-	<Multiselect
-		v-model="selected"
+	<Multiselect v-model="selected"
 		class="group-multiselect"
 		:placeholder="t('settings', 'None')"
 		track-by="gid"

apps/settings/src/components/PersonalInfo/BiographySection/Biography.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="biography">
-		<textarea
-			id="biography"
+		<textarea id="biography"
 			:placeholder="t('settings', 'Your biography')"
 			:value="biography"
 			rows="8"

apps/settings/src/components/PersonalInfo/BiographySection/BiographySection.vue

@@ -22,13 +22,11 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="biography"
 			:scope.sync="primaryBiography.scope" />
 
-		<Biography
-			:biography.sync="primaryBiography.value"
+		<Biography :biography.sync="primaryBiography.value"
 			:scope.sync="primaryBiography.scope" />
 	</section>
 </template>

apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayName.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="displayname">
-		<input
-			id="displayname"
+		<input id="displayname"
 			type="text"
 			:placeholder="t('settings', 'Your full name')"
 			:value="displayName"

apps/settings/src/components/PersonalInfo/DisplayNameSection/DisplayNameSection.vue

@@ -22,16 +22,14 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="displayname"
 			:is-editable="displayNameChangeSupported"
 			:is-valid-section="isValidSection"
 			:scope.sync="primaryDisplayName.scope" />
 
 		<template v-if="displayNameChangeSupported">
-			<DisplayName
-				:display-name.sync="primaryDisplayName.value"
+			<DisplayName :display-name.sync="primaryDisplayName.value"
 				:scope.sync="primaryDisplayName.scope" />
 		</template>
 

apps/settings/src/components/PersonalInfo/EmailSection/Email.vue

@@ -23,8 +23,7 @@
 <template>
 	<div>
 		<div class="email">
-			<input
-				:id="inputId"
+			<input :id="inputId"
 				ref="email"
 				type="email"
 				:placeholder="inputPlaceholder"
@@ -41,8 +40,7 @@
 				</transition>
 
 				<template v-if="!primary">
-					<FederationControl
-						:account-property="accountProperty"
+					<FederationControl :account-property="accountProperty"
 						:additional="true"
 						:additional-value="email"
 						:disabled="federationDisabled"
@@ -51,13 +49,11 @@
 						@update:scope="onScopeChange" />
 				</template>
 
-				<Actions
-					class="email__actions"
+				<Actions class="email__actions"
 					:aria-label="t('settings', 'Email options')"
 					:disabled="deleteDisabled"
 					:force-menu="true">
-					<ActionButton
-						:aria-label="deleteEmailLabel"
+					<ActionButton :aria-label="deleteEmailLabel"
 						:close-after-click="true"
 						:disabled="deleteDisabled"
 						icon="icon-delete"

apps/settings/src/components/PersonalInfo/EmailSection/EmailSection.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="email"
 			:handle-scope-change="savePrimaryEmailScope"
 			:is-editable="true"
@@ -33,8 +32,7 @@
 			@add-additional="onAddAdditionalEmail" />
 
 		<template v-if="displayNameChangeSupported">
-			<Email
-				:primary="true"
+			<Email :primary="true"
 				:scope.sync="primaryEmail.scope"
 				:email.sync="primaryEmail.value"
 				:active-notification-email.sync="notificationEmail"

apps/settings/src/components/PersonalInfo/HeadlineSection/Headline.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="headline">
-		<input
-			id="headline"
+		<input id="headline"
 			type="text"
 			:placeholder="t('settings', 'Your headline')"
 			:value="headline"

apps/settings/src/components/PersonalInfo/HeadlineSection/HeadlineSection.vue

@@ -22,13 +22,11 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="headline"
 			:scope.sync="primaryHeadline.scope" />
 
-		<Headline
-			:headline.sync="primaryHeadline.value"
+		<Headline :headline.sync="primaryHeadline.value"
 			:scope.sync="primaryHeadline.scope" />
 	</section>
 </template>

apps/settings/src/components/PersonalInfo/LanguageSection/Language.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="language">
-		<select
-			id="language"
+		<select id="language"
 			:placeholder="t('settings', 'Language')"
 			@change="onLanguageChange">
 			<option v-for="commonLanguage in commonLanguages"
@@ -43,8 +42,7 @@
 			</option>
 		</select>
 
-		<a
-			href="https://www.transifex.com/nextcloud/nextcloud/"
+		<a href="https://www.transifex.com/nextcloud/nextcloud/"
 			target="_blank"
 			rel="noreferrer noopener">
 			<em>{{ t('settings', 'Help translate') }}</em>

apps/settings/src/components/PersonalInfo/LanguageSection/LanguageSection.vue

@@ -22,13 +22,11 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="language" />
 
 		<template v-if="isEditable">
-			<Language
-				:common-languages="commonLanguages"
+			<Language :common-languages="commonLanguages"
 				:other-languages="otherLanguages"
 				:language.sync="language" />
 		</template>

apps/settings/src/components/PersonalInfo/OrganisationSection/Organisation.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="organisation">
-		<input
-			id="organisation"
+		<input id="organisation"
 			type="text"
 			:placeholder="t('settings', 'Your organisation')"
 			:value="organisation"

apps/settings/src/components/PersonalInfo/OrganisationSection/OrganisationSection.vue

@@ -22,13 +22,11 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="organisation"
 			:scope.sync="primaryOrganisation.scope" />
 
-		<Organisation
-			:organisation.sync="primaryOrganisation.value"
+		<Organisation :organisation.sync="primaryOrganisation.value"
 			:scope.sync="primaryOrganisation.scope" />
 	</section>
 </template>

apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue

@@ -21,12 +21,10 @@
 -->
 
 <template>
-	<a
-		:class="{ disabled }"
+	<a :class="{ disabled }"
 		href="#profile-visibility"
 		v-on="$listeners">
-		<ChevronDownIcon
-			class="anchor-icon"
+		<ChevronDownIcon class="anchor-icon"
 			decorative
 			title=""
 			:size="22" />

apps/settings/src/components/PersonalInfo/ProfileSection/ProfileCheckbox.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="checkbox-container">
-		<input
-			id="enable-profile"
+		<input id="enable-profile"
 			class="checkbox"
 			type="checkbox"
 			:checked="profileEnabled"

apps/settings/src/components/PersonalInfo/ProfileSection/ProfilePreviewCard.vue

@@ -21,12 +21,10 @@
 -->
 
 <template>
-	<a
-		class="preview-card"
+	<a class="preview-card"
 		:class="{ disabled }"
 		:href="profilePageLink">
-		<Avatar
-			class="preview-card__avatar"
+		<Avatar class="preview-card__avatar"
 			:user="userId"
 			:size="48"
 			:show-user-status="true"

apps/settings/src/components/PersonalInfo/ProfileSection/ProfileSection.vue

@@ -22,20 +22,16 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty" />
+		<HeaderBar :account-property="accountProperty" />
 
-		<ProfileCheckbox
-			:profile-enabled.sync="profileEnabled" />
+		<ProfileCheckbox :profile-enabled.sync="profileEnabled" />
 
-		<ProfilePreviewCard
-			:organisation="organisation"
+		<ProfilePreviewCard :organisation="organisation"
 			:display-name="displayName"
 			:profile-enabled="profileEnabled"
 			:user-id="userId" />
 
-		<EditProfileAnchorLink
-			:profile-enabled="profileEnabled" />
+		<EditProfileAnchorLink :profile-enabled="profileEnabled" />
 	</section>
 </template>
 

apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/ProfileVisibilitySection.vue

@@ -22,18 +22,15 @@
 
 <template>
 	<!-- TODO remove this inline margin placeholder once the settings layout is updated -->
-	<section
-		id="profile-visibility"
+	<section id="profile-visibility"
 		:style="{ marginLeft }">
-		<HeaderBar
-			:account-property="heading" />
+		<HeaderBar :account-property="heading" />
 
 		<em :class="{ disabled }">
 			{{ t('settings', 'The more restrictive setting of either visibility or scope is respected on your Profile. For example, if visibility is set to "Show to everyone" and scope is set to "Private", "Private" is respected.') }}
 		</em>
 
-		<div
-			class="visibility-dropdowns"
+		<div class="visibility-dropdowns"
 			:style="{
 				gridTemplateRows: `repeat(${rows}, 44px)`,
 			}">

apps/settings/src/components/PersonalInfo/ProfileVisibilitySection/VisibilityDropdown.vue

@@ -21,14 +21,12 @@
 -->
 
 <template>
-	<div
-		class="visibility-container"
+	<div class="visibility-container"
 		:class="{ disabled }">
 		<label :for="inputId">
 			{{ t('settings', '{displayId}', { displayId }) }}
 		</label>
-		<Multiselect
-			:id="inputId"
+		<Multiselect :id="inputId"
 			class="visibility-container__multiselect"
 			:options="visibilityOptions"
 			track-by="name"

apps/settings/src/components/PersonalInfo/RoleSection/Role.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div class="role">
-		<input
-			id="role"
+		<input id="role"
 			type="text"
 			:placeholder="t('settings', 'Your role')"
 			:value="role"

apps/settings/src/components/PersonalInfo/RoleSection/RoleSection.vue

@@ -22,13 +22,11 @@
 
 <template>
 	<section>
-		<HeaderBar
-			:account-property="accountProperty"
+		<HeaderBar :account-property="accountProperty"
 			label-for="role"
 			:scope.sync="primaryRole.scope" />
 
-		<Role
-			:role.sync="primaryRole.value"
+		<Role :role.sync="primaryRole.value"
 			:scope.sync="primaryRole.scope" />
 	</section>
 </template>

apps/settings/src/components/PersonalInfo/shared/AddButton.vue

@@ -21,8 +21,7 @@
 -->
 
 <template>
-	<button
-		:disabled="disabled"
+	<button :disabled="disabled"
 		v-on="$listeners">
 		<span class="icon icon-add" />
 		{{ t('settings', 'Add') }}

apps/settings/src/components/PersonalInfo/shared/FederationControl.vue

@@ -21,8 +21,7 @@
 -->
 
 <template>
-	<Actions
-		:class="{ 'federation-actions': !additional, 'federation-actions--additional': additional }"
+	<Actions :class="{ 'federation-actions': !additional, 'federation-actions--additional': additional }"
 		:aria-label="ariaLabel"
 		:default-icon="scopeIcon"
 		:disabled="disabled">

apps/settings/src/components/PersonalInfo/shared/FederationControlAction.vue

@@ -21,8 +21,7 @@
 -->
 
 <template>
-	<ActionButton
-		:aria-label="isSupportedScope ? tooltip : tooltipDisabled"
+	<ActionButton :aria-label="isSupportedScope ? tooltip : tooltipDisabled"
 		class="federation-actions__btn"
 		:class="{ 'federation-actions__btn--active': activeScope === name }"
 		:close-after-click="true"

apps/settings/src/components/PersonalInfo/shared/HeaderBar.vue

@@ -21,24 +21,21 @@
 -->
 
 <template>
-	<h3
-		:class="{ 'setting-property': isSettingProperty, 'profile-property': isProfileProperty }">
+	<h3 :class="{ 'setting-property': isSettingProperty, 'profile-property': isProfileProperty }">
 		<label :for="labelFor">
 			<!-- Already translated as required by prop validator -->
 			{{ accountProperty }}
 		</label>
 
 		<template v-if="scope">
-			<FederationControl
-				class="federation-control"
+			<FederationControl class="federation-control"
 				:account-property="accountProperty"
 				:scope.sync="localScope"
 				@update:scope="onScopeChange" />
 		</template>
 
 		<template v-if="isEditable && isMultiValueSupported">
-			<AddButton
-				class="add-button"
+			<AddButton class="add-button"
 				:disabled="!isValidSection"
 				@click.stop.prevent="onAddAdditional" />
 		</template>

apps/settings/src/components/UserList/UserRow.vue

@@ -43,8 +43,7 @@
 	</div>
 
 	<!-- User full data -->
-	<UserRowSimple
-		v-else-if="!editing"
+	<UserRowSimple v-else-if="!editing"
 		:editing.sync="editing"
 		:feedback-message="feedbackMessage"
 		:groups="groups"
@@ -75,12 +74,10 @@
 		</div>
 		<!-- dirty hack to ellipsis on two lines -->
 		<div v-if="user.backendCapabilities.setDisplayName" class="displayName">
-			<form
-				:class="{'icon-loading-small': loading.displayName}"
+			<form :class="{'icon-loading-small': loading.displayName}"
 				class="displayName"
 				@submit.prevent="updateDisplayName">
-				<input
-					:id="'displayName'+user.id+rand"
+				<input :id="'displayName'+user.id+rand"
 					ref="displayName"
 					:disabled="loading.displayName||loading.all"
 					:value="user.displayname"
@@ -89,8 +86,7 @@
 					autocorrect="off"
 					spellcheck="false"
 					type="text">
-				<input
-					class="icon-confirm"
+				<input class="icon-confirm"
 					type="submit"
 					value="">
 			</form>

apps/settings/src/components/UserList/UserRowSimple.vue

@@ -1,6 +1,5 @@
 <template>
-	<div
-		class="row"
+	<div class="row"
 		:class="{'disabled': loading.delete || loading.disable}"
 		:data-id="user.id">
 		<div class="avatar" :class="{'icon-loading-small': loading.delete || loading.disable || loading.wipe}">
@@ -35,8 +34,7 @@
 		<div class="userQuota">
 			<div class="quota">
 				{{ userQuota }} ({{ usedSpace }})
-				<progress
-					class="quota-user-progress"
+				<progress class="quota-user-progress"
 					:class="{'warn': usedQuota > 80}"
 					:value="usedQuota"
 					max="100" />
@@ -65,8 +63,7 @@
 					</ActionButton>
 				</Actions>
 				<div class="userPopoverMenuWrapper">
-					<button
-						v-click-outside="hideMenu"
+					<button v-click-outside="hideMenu"
 						class="icon-more"
 						:aria-label="t('settings', 'Toggle user actions menu')"
 						@click.prevent="toggleMenu" />

apps/settings/src/views/Apps.vue

@@ -28,24 +28,20 @@
 		<!-- Categories & filters -->
 		<AppNavigation>
 			<template #list>
-				<AppNavigationItem
-					id="app-category-your-apps"
+				<AppNavigationItem id="app-category-your-apps"
 					:to="{ name: 'apps' }"
 					:exact="true"
 					icon="icon-category-installed"
 					:title="t('settings', 'Your apps')" />
-				<AppNavigationItem
-					id="app-category-enabled"
+				<AppNavigationItem id="app-category-enabled"
 					:to="{ name: 'apps-category', params: { category: 'enabled' } }"
 					icon="icon-category-enabled"
 					:title="t('settings', 'Active apps')" />
-				<AppNavigationItem
-					id="app-category-disabled"
+				<AppNavigationItem id="app-category-disabled"
 					:to="{ name: 'apps-category', params: { category: 'disabled' } }"
 					icon="icon-category-disabled"
 					:title="t('settings', 'Disabled apps')" />
-				<AppNavigationItem
-					v-if="updateCount > 0"
+				<AppNavigationItem v-if="updateCount > 0"
 					id="app-category-updates"
 					:to="{ name: 'apps-category', params: { category: 'updates' } }"
 					icon="icon-download"
@@ -54,8 +50,7 @@
 						{{ updateCount }}
 					</AppNavigationCounter>
 				</AppNavigationItem>
-				<AppNavigationItem
-					id="app-category-your-bundles"
+				<AppNavigationItem id="app-category-your-bundles"
 					:to="{ name: 'apps-category', params: { category: 'app-bundles' } }"
 					icon="icon-category-app-bundles"
 					:title="t('settings', 'App bundles')" />
@@ -64,14 +59,12 @@
 
 				<!-- App store categories -->
 				<template v-if="settings.appstoreEnabled">
-					<AppNavigationItem
-						id="app-category-featured"
+					<AppNavigationItem id="app-category-featured"
 						:to="{ name: 'apps-category', params: { category: 'featured' } }"
 						icon="icon-favorite"
 						:title="t('settings', 'Featured apps')" />
 
-					<AppNavigationItem
-						v-for="cat in categories"
+					<AppNavigationItem v-for="cat in categories"
 						:key="'icon-category-' + cat.ident"
 						:icon="'icon-category-' + cat.ident"
 						:to="{
@@ -81,8 +74,7 @@
 						:title="cat.displayName" />
 				</template>
 
-				<AppNavigationItem
-					id="app-developer-docs"
+				<AppNavigationItem id="app-developer-docs"
 					href="settings.developerDocumentation"
 					:title="t('settings', 'Developer documentation') + ' ↗'" />
 			</template>
@@ -94,8 +86,7 @@
 		</AppContent>
 
 		<!-- Selected app details -->
-		<AppSidebar
-			v-if="id && app"
+		<AppSidebar v-if="id && app"
 			v-bind="appSidebar"
 			:class="{'app-sidebar--without-background': !appSidebar.background}"
 			@close="hideAppDetails">

apps/settings/src/views/Users.vue

@@ -30,8 +30,7 @@
 				@keyup.enter="showNewUserMenu"
 				@keyup.space="showNewUserMenu" />
 			<template #list>
-				<AppNavigationItem
-					id="addgroup"
+				<AppNavigationItem id="addgroup"
 					ref="addGroup"
 					:edit-placeholder="t('settings', 'Enter group name')"
 					:editable="true"
@@ -40,8 +39,7 @@
 					icon="icon-add"
 					@click="showAddGroupForm"
 					@update:title="createGroup" />
-				<AppNavigationItem
-					id="everyone"
+				<AppNavigationItem id="everyone"
 					:exact="true"
 					:title="t('settings', 'Active users')"
 					:to="{ name: 'users' }"
@@ -50,8 +48,7 @@
 						{{ userCount }}
 					</AppNavigationCounter>
 				</AppNavigationItem>
-				<AppNavigationItem
-					v-if="settings.isAdmin"
+				<AppNavigationItem v-if="settings.isAdmin"
 					id="admin"
 					:exact="true"
 					:title="t('settings', 'Admins')"
@@ -63,8 +60,7 @@
 				</AppNavigationItem>
 
 				<!-- Hide the disabled if none, if we don't have the data (-1) show it -->
-				<AppNavigationItem
-					v-if="disabledGroupMenu.usercount > 0 || disabledGroupMenu.usercount === -1"
+				<AppNavigationItem v-if="disabledGroupMenu.usercount > 0 || disabledGroupMenu.usercount === -1"
 					id="disabled"
 					:exact="true"
 					:title="t('settings', 'Disabled users')"
@@ -76,8 +72,7 @@
 				</AppNavigationItem>
 
 				<AppNavigationCaption v-if="groupList.length > 0" :title="t('settings', 'Groups')" />
-				<AppNavigationItem
-					v-for="group in groupList"
+				<AppNavigationItem v-for="group in groupList"
 					:key="group.id"
 					:exact="true"
 					:title="group.title"
@@ -87,8 +82,7 @@
 						{{ group.count }}
 					</AppNavigationCounter>
 					<template slot="actions">
-						<ActionButton
-							v-if="group.id !== 'admin' && group.id !== 'disabled' && settings.isAdmin"
+						<ActionButton v-if="group.id !== 'admin' && group.id !== 'disabled' && settings.isAdmin"
 							icon="icon-delete"
 							@click="removeGroup(group.id)">
 							{{ t('settings', 'Remove group') }}
@@ -151,8 +145,7 @@
 			</template>
 		</AppNavigation>
 		<AppContent>
-			<UserList
-				:users="users"
+			<UserList :users="users"
 				:show-config="showConfig"
 				:selected-group="selectedGroupDecoded"
 				:external-actions="externalActions" />

apps/user_status/src/UserStatus.vue

@@ -23,8 +23,7 @@
 	<li>
 		<div class="user-status-menu-item">
 			<!-- Username display -->
-			<a
-				v-if="!inline"
+			<a v-if="!inline"
 				class="user-status-menu-item__header"
 				:href="profilePageLink"
 				@click="loadProfilePage">
@@ -50,8 +49,7 @@
 		</div>
 
 		<!-- Status management modal -->
-		<SetStatusModal
-			v-if="isModalOpen"
+		<SetStatusModal v-if="isModalOpen"
 			@close="closeModal" />
 	</li>
 </template>

apps/user_status/src/components/ClearAtSelect.vue

@@ -21,12 +21,10 @@
 
 <template>
 	<div class="clear-at-select">
-		<span
-			class="clear-at-select__label">
+		<span class="clear-at-select__label">
 			{{ $t('user_status', 'Clear status message after') }}
 		</span>
-		<Multiselect
-			label="label"
+		<Multiselect label="label"
 			:value="option"
 			:options="options"
 			open-direction="top"

apps/user_status/src/components/CustomMessageInput.vue

@@ -19,11 +19,9 @@
   -
   -->
 <template>
-	<form
-		class="custom-input__form"
+	<form class="custom-input__form"
 		@submit.prevent>
-		<input
-			ref="input"
+		<input ref="input"
 			maxlength="80"
 			:disabled="disabled"
 			:placeholder="$t('user_status', 'What is your status?')"

apps/user_status/src/components/PredefinedStatus.vue

@@ -19,8 +19,7 @@
   -
   -->
 <template>
-	<div
-		class="predefined-status"
+	<div class="predefined-status"
 		tabindex="0"
 		@keyup.enter="select"
 		@keyup.space="select"

apps/user_status/src/components/PredefinedStatusesList.vue

@@ -20,11 +20,9 @@
   -->
 
 <template>
-	<div
-		v-if="hasLoaded"
+	<div v-if="hasLoaded"
 		class="predefined-statuses-list">
-		<PredefinedStatus
-			v-for="status in predefinedStatuses"
+		<PredefinedStatus v-for="status in predefinedStatuses"
 			:key="status.id"
 			:message-id="status.id"
 			:icon="status.icon"
@@ -32,8 +30,7 @@
 			:clear-at="status.clearAt"
 			@select="selectStatus(status)" />
 	</div>
-	<div
-		v-else
+	<div v-else
 		class="predefined-statuses-list">
 		<div class="icon icon-loading-small" />
 	</div>

apps/user_status/src/components/SetStatusModal.vue

@@ -20,8 +20,7 @@
   -->
 
 <template>
-	<Modal
-		size="normal"
+	<Modal size="normal"
 		:title="$t('user_status', 'Set status')"
 		@close="closeModal">
 		<div class="set-status-modal">
@@ -43,21 +42,17 @@
 			</div>
 			<div class="set-status-modal__custom-input">
 				<EmojiPicker @select="setIcon">
-					<button
-						class="custom-input__emoji-button">
+					<button class="custom-input__emoji-button">
 						{{ visibleIcon }}
 					</button>
 				</EmojiPicker>
-				<CustomMessageInput
-					ref="customMessageInput"
+				<CustomMessageInput ref="customMessageInput"
 					:message="message"
 					@change="setMessage"
 					@submit="saveStatus" />
 			</div>
-			<PredefinedStatusesList
-				@selectStatus="selectPredefinedMessage" />
-			<ClearAtSelect
-				:clear-at="clearAt"
+			<PredefinedStatusesList @selectStatus="selectPredefinedMessage" />
+			<ClearAtSelect :clear-at="clearAt"
 				@selectClearAt="setClearAt" />
 			<div class="status-buttons">
 				<button class="status-buttons__select" :disabled="isSavingStatus" @click="clearStatus">

apps/user_status/src/views/Dashboard.vue

@@ -20,17 +20,14 @@
   -->
 
 <template>
-	<DashboardWidget
-		id="user-status_panel"
+	<DashboardWidget id="user-status_panel"
 		:items="items"
 		:loading="loading">
 		<template #default="{ item }">
-			<DashboardWidgetItem
-				:main-text="item.mainText"
+			<DashboardWidgetItem :main-text="item.mainText"
 				:sub-text="item.subText">
 				<template #avatar>
-					<Avatar
-						class="item-avatar"
+					<Avatar class="item-avatar"
 						:size="44"
 						:user="item.avatarUsername"
 						:display-name="item.mainText"
@@ -40,8 +37,7 @@
 			</DashboardWidgetItem>
 		</template>
 		<template #empty-content>
-			<EmptyContent
-				id="user_status-widget-empty-content"
+			<EmptyContent id="user_status-widget-empty-content"
 				icon="icon-user-status">
 				{{ t('user_status', 'No recent status changes') }}
 			</EmptyContent>

apps/weather_status/src/App.vue

@@ -22,8 +22,7 @@
 <template>
 	<li :class="{ inline }">
 		<div id="weather-status-menu-item">
-			<Actions
-				class="weather-status-menu-item__subheader"
+			<Actions class="weather-status-menu-item__subheader"
 				:default-icon="weatherIcon"
 				:menu-title="currentWeatherMessage">
 				<ActionText v-if="gotWeather"
@@ -43,14 +42,12 @@
 					{{ addRemoveFavoriteText }}
 				</ActionButton>
 				<ActionSeparator v-if="address && !errorMessage" />
-				<ActionButton
-					icon="icon-crosshair"
+				<ActionButton icon="icon-crosshair"
 					:close-after-click="true"
 					@click="onBrowserLocationClick">
 					{{ t('weather_status', 'Detect location') }}
 				</ActionButton>
-				<ActionInput
-					ref="addressInput"
+				<ActionInput ref="addressInput"
 					:disabled="false"
 					icon="icon-rename"
 					type="text"
@@ -58,8 +55,7 @@
 					@submit="onAddressSubmit">
 					{{ t('weather_status', 'Set custom address') }}
 				</ActionInput>
-				<ActionButton
-					v-show="favorites.length > 0"
+				<ActionButton v-show="favorites.length > 0"
 					:icon="toggleFavoritesIcon"
 					@click="showFavorites = !showFavorites">
 					{{ t('weather_status', 'Favorites') }}

apps/workflowengine/src/components/Checks/FileMimeType.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect
-			:value="currentValue"
+		<Multiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a file type')"
 			label="label"
 			track-by="pattern"

apps/workflowengine/src/components/Checks/RequestURL.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect
-			:value="currentValue"
+		<Multiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a request URL')"
 			label="label"
 			track-by="pattern"

apps/workflowengine/src/components/Checks/RequestUserAgent.vue

@@ -22,8 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect
-			:value="currentValue"
+		<Multiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a user agent')"
 			label="label"
 			track-by="pattern"

core/src/components/HeaderMenu.vue

@@ -20,8 +20,7 @@
   -
   -->
 <template>
-	<div
-		:id="id"
+	<div :id="id"
 		v-click-outside="clickOutsideConfig"
 		:class="{ 'header-menu--opened': opened }"
 		class="header-menu">

core/src/components/Profile/PrimaryActionButton.vue

@@ -21,15 +21,13 @@
 -->
 
 <template>
-	<a
-		class="profile__primary-action-button"
+	<a class="profile__primary-action-button"
 		:class="{ 'disabled': disabled }"
 		:href="href"
 		:target="target"
 		rel="noopener noreferrer nofollow"
 		v-on="$listeners">
-		<img
-			class="icon"
+		<img class="icon"
 			:class="[icon, { 'icon-invert': colorPrimaryText === '#ffffff' }]"
 			:src="icon">
 		<slot />

core/src/components/UnifiedSearch/SearchResultPlaceholders.vue

@@ -22,8 +22,7 @@
 
 		<!-- Placeholders -->
 		<li v-for="placeholder in [1, 2, 3]" :key="placeholder">
-			<svg
-				class="unified-search__result-placeholder"
+			<svg class="unified-search__result-placeholder"
 				xmlns="http://www.w3.org/2000/svg"
 				fill="url(#unified-search__result-placeholder-gradient)">
 				<rect class="unified-search__result-placeholder-icon" />

core/src/components/setup/InstallButton.vue

@@ -21,8 +21,7 @@
 -->
 
 <template>
-	<button
-		class="primary"
+	<button class="primary"
 		:autofocus="true"
 		v-on="$listeners">
 		{{ t('core', 'Install recommended apps') }}

core/src/views/Login.vue

@@ -24,8 +24,7 @@
 		<transition name="fade" mode="out-in">
 			<div v-if="!passwordlessLogin && !resetPassword && resetPasswordTarget === ''"
 				key="login">
-				<LoginForm
-					:username.sync="user"
+				<LoginForm :username.sync="user"
 					:redirect-url="redirectUrl"
 					:direct-login="directLogin"
 					:messages="messages"
@@ -67,8 +66,7 @@
 			<div v-else-if="!loading && passwordlessLogin"
 				key="reset"
 				class="login-additional">
-				<PasswordLessLoginForm
-					:username.sync="user"
+				<PasswordLessLoginForm :username.sync="user"
 					:redirect-url="redirectUrl"
 					:inverted-colors="invertedColors"
 					:auto-complete-allowed="autoCompleteAllowed"

core/src/views/Profile.vue

@@ -31,8 +31,7 @@
 					<a v-if="isCurrentUser"
 						class="primary profile__header__container__edit-button"
 						:href="settingsUrl">
-						<PencilIcon
-							class="pencil-icon"
+						<PencilIcon class="pencil-icon"
 							decorative
 							title=""
 							:size="16" />
@@ -50,8 +49,7 @@
 
 		<div class="profile__content">
 			<div class="profile__sidebar">
-				<Avatar
-					class="avatar"
+				<Avatar class="avatar"
 					:class="{ interactive: isCurrentUser }"
 					:user="userId"
 					:size="180"
@@ -84,8 +82,7 @@
 								backgroundImage: `url(${action.icon})`,
 								...(colorMainBackground === '#181818' && { filter: 'invert(1)' })
 							}">
-							<ActionLink
-								:close-after-click="true"
+							<ActionLink :close-after-click="true"
 								:icon="action.icon"
 								:href="action.target"
 								:target="action.id === 'phone' ? '_self' :'_blank'">
@@ -93,8 +90,7 @@
 							</ActionLink>
 						</Actions>
 						<template v-if="otherActions">
-							<Actions
-								:force-menu="true">
+							<Actions :force-menu="true">
 								<ActionLink v-for="action in otherActions"
 									:key="action.id"
 									:class="{ 'icon-invert': colorMainBackground === '#181818' }"
@@ -117,8 +113,7 @@
 					</div>
 					<div v-if="address" class="detail">
 						<p>
-							<MapMarkerIcon
-								class="map-icon"
+							<MapMarkerIcon class="map-icon"
 								decorative
 								title=""
 								:size="16" />
@@ -136,8 +131,7 @@
 				</template>
 				<template v-else>
 					<div class="profile__blocks-empty-info">
-						<AccountIcon
-							decorative
+						<AccountIcon decorative
 							title=""
 							fill-color="var(--color-text-maxcontrast)"
 							:size="60" />