chore(eslint): vue multiline rules

- vue/first-attribute-linebreak

Signed-off-by: Maksim Sukharev <[email protected]>

Author: Antreesy

eslint.config.mjs

@@ -16,7 +16,6 @@ export default [
 			'@typescript-eslint/no-unused-vars': 'off',
 			'@typescript-eslint/no-use-before-define': 'off',
 			'import-extensions/extensions': 'off',
-			'vue/first-attribute-linebreak': 'off',
 			'vue/no-boolean-default': 'off',
 			'vue/no-required-prop-with-default': 'off',
 			'vue/no-unused-properties': 'off',

src/App.vue

@@ -8,7 +8,8 @@
 		<div class="logreader-container__header">
 			<h2>{{ t('logreader', 'Log reader') }}</h2>
 			<!-- Setting toggle -->
-			<NcButton :aria-label="t('logreader', 'Open log reader settings')"
+			<NcButton
+				:aria-label="t('logreader', 'Open log reader settings')"
 				class="settings-toggle"
 				type="tertiary"
 				@click="areSettingsShown = true">

src/components/LogDetailsModal.vue

@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<NcModal :show="open"
+	<NcModal
+		:show="open"
 		size="large"
 		:has-previous="index > 0"
 		:has-next="index < logEntries.length - 1"
@@ -36,7 +37,8 @@
 						</template>
 						{{ t('logreader', 'Copy formatted entry') }}
 					</NcButton>
-					<NcButton v-if="currentEntry.exception"
+					<NcButton
+						v-if="currentEntry.exception"
 						class="log-details__btn"
 						@click="isExceptionExpanded = !isExceptionExpanded">
 						{{ isExceptionExpanded ? t('logreader', 'Hide exception details') : t('logreader', 'View exception details') }}

src/components/LogSearch.vue

@@ -4,15 +4,17 @@
 -->
 
 <template>
-	<NcActions :force-menu="true"
+	<NcActions
+		:force-menu="true"
 		:open.sync="isOpen"
 		:aria-label="t('logreader', 'Search log entries')"
 		:type="buttonType">
 		<template #icon>
 			<IconTextSearch :size="20" />
 		</template>
 		<template #default>
-			<NcActionInput :value="currentQuery"
+			<NcActionInput
+				:value="currentQuery"
 				:label="t('logreader', 'Search log entries')"
 				:show-trailing-button="false"
 				@submit="isOpen = false"

src/components/settings/AppSettingsDialog.vue

@@ -4,7 +4,8 @@
 -->
 
 <template>
-	<NcAppSettingsDialog :open="props.open"
+	<NcAppSettingsDialog
+		:open="props.open"
 		:show-navigation="true"
 		:name="t('logreader', 'Log reader settings')"
 		@update:open="onUpdateOpen">

src/components/settings/SettingsActions.vue

@@ -23,7 +23,8 @@
 		</NcButton>
 		<label class="hidden-visually">
 			{{ t('logreader', 'Upload local log file to be displayed') }}
-			<input ref="fileinput"
+			<input
+				ref="fileinput"
 				type="file"
 				name="logfile"
 				accept=".log,.json,.txt,application/json,text/plain"

src/components/settings/SettingsDatetimeFormat.vue

@@ -6,30 +6,34 @@
 <template>
 	<fieldset>
 		<legend>{{ fieldsetLegend }}</legend>
-		<NcCheckboxRadioSwitch :checked="dateTimeFormat"
+		<NcCheckboxRadioSwitch
+			:checked="dateTimeFormat"
 			value="raw"
 			name="timestamp_format"
 			type="radio"
 			@update:checked="setDateTimeFormat">
 			{{ t('logreader', 'Raw data') }}
 		</NcCheckboxRadioSwitch>
-		<NcCheckboxRadioSwitch :checked="dateTimeFormat"
+		<NcCheckboxRadioSwitch
+			:checked="dateTimeFormat"
 			:disabled="isLocalLogfile"
 			value="local"
 			name="timestamp_format"
 			type="radio"
 			@update:checked="setDateTimeFormat">
 			{{ t('logreader', 'Local time') }}
 		</NcCheckboxRadioSwitch>
-		<NcCheckboxRadioSwitch :checked="dateTimeFormat"
+		<NcCheckboxRadioSwitch
+			:checked="dateTimeFormat"
 			:disabled="isLocalLogfile"
 			value="utc"
 			name="timestamp_format"
 			type="radio"
 			@update:checked="setDateTimeFormat">
 			{{ t('logreader', 'UTC time') }}
 		</NcCheckboxRadioSwitch>
-		<NcCheckboxRadioSwitch :checked="dateTimeFormat"
+		<NcCheckboxRadioSwitch
+			:checked="dateTimeFormat"
 			:disabled="isLocalLogfile"
 			value="relative"
 			name="timestamp_format"

src/components/settings/SettingsLogLevels.vue

@@ -7,7 +7,8 @@
 	<div>
 		<fieldset>
 			<legend>{{ t('logreader', 'Filter logging levels') }}</legend>
-			<NcCheckboxRadioSwitch v-for="levelName, levelId in LOGGING_LEVEL_NAMES"
+			<NcCheckboxRadioSwitch
+				v-for="levelName, levelId in LOGGING_LEVEL_NAMES"
 				:key="levelId"
 				:checked="shownLevels"
 				:value="`${levelId}`"

src/components/settings/SettingsSetLogLevel.vue

@@ -6,7 +6,8 @@
 <template>
 	<fieldset>
 		<legend>{{ t('logreader', 'Set backend loglevel') }}</legend>
-		<NcCheckboxRadioSwitch v-for="levelName, levelId in LOGGING_LEVEL_NAMES"
+		<NcCheckboxRadioSwitch
+			v-for="levelName, levelId in LOGGING_LEVEL_NAMES"
 			:key="levelId"
 			:checked="logLevel"
 			:value="`${levelId}`"

src/components/table/LogTable.vue

@@ -5,21 +5,25 @@
 
 <template>
 	<div class="log-table">
-		<LogDetailsModal v-if="currentRow"
+		<LogDetailsModal
+			v-if="currentRow"
 			:open.sync="isModalOpen"
 			:current-entry.sync="currentRow"
 			:log-entries="sortedRows" />
 		<table ref="tableRoot" class="log-table__table">
 			<thead role="rowgroup" class="log-table__header">
 				<tr>
-					<LogTableHeader :name="t('logreader', 'Level')"
+					<LogTableHeader
+						:name="t('logreader', 'Level')"
 						:sorted.sync="sortedByLevel" />
-					<LogTableHeader :name="t('logreader', 'Application')"
+					<LogTableHeader
+						:name="t('logreader', 'Application')"
 						:sorted.sync="sortedByApp" />
 					<LogTableHeader :name="t('logreader', 'Message')" :sortable="false">
 						<LogSearch />
 					</LogTableHeader>
-					<LogTableHeader :name="t('logreader', 'Time')"
+					<LogTableHeader
+						:name="t('logreader', 'Time')"
 						:sorted.sync="sortedByTime" />
 					<th><span class="hidden-visually">{{ t('logreader', 'Log entry actions') }}</span></th>
 				</tr>
@@ -36,7 +40,8 @@
 					</td>
 				</tr>
 
-				<LogTableRow v-for="row in renderedItems"
+				<LogTableRow
+					v-for="row in renderedItems"
 					:key="row.id"
 					:row="row"
 					class="log-table__row"