fix: auto-lint .vue components

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

Author: Antreesy

src/components/LogDetailsModal.vue

@@ -7,8 +7,8 @@
 	<NcModal
 		:show="open"
 		size="large"
-		:has-previous="index > 0"
-		:has-next="index < logEntries.length - 1"
+		:hasPrevious="index > 0"
+		:hasNext="index < logEntries.length - 1"
 		@next="emit('update:currentEntry', logEntries[index + 1])"
 		@previous="emit('update:currentEntry', logEntries[index - 1])"
 		@update:show="emit('update:open', false)">
@@ -45,7 +45,7 @@
 					</NcButton>
 				</div>
 				<template v-if="currentEntry.exception">
-					<LogException :exception="currentEntry.exception" class="log-details__exception" :is-expanded="isExceptionExpanded" />
+					<LogException :exception="currentEntry.exception" class="log-details__exception" :isExpanded="isExceptionExpanded" />
 					<hr>
 				</template>
 				<figure class="log-details__raw">

src/components/LogSearch.vue

@@ -6,17 +6,17 @@
 <template>
 	<NcActions
 		v-model:open="isOpen"
-		:force-menu="true"
+		forceMenu
 		:aria-label="t('logreader', 'Search log entries')"
 		:type="buttonType">
 		<template #icon>
 			<IconTextSearch :size="20" />
 		</template>
 		<template #default>
 			<NcActionInput
-				:model-value="currentQuery"
+				:modelValue="currentQuery"
 				:label="t('logreader', 'Search log entries')"
-				:show-trailing-button="false"
+				:showTrailingButton="false"
 				@submit="isOpen = false"
 				@input="onSearchInput">
 				{{ t('logreader', 'Search log entries') }}

src/components/exception/LogException.vue

@@ -12,7 +12,7 @@
 			<span class="exception__message">{{ exceptionMessage }}</span>
 		</div>
 		<StackTrace v-if="props.isExpanded" :trace="props.exception.Trace" class="exception__trace" />
-		<LogException v-if="props.isExpanded && props.exception.Previous" :is-previous="true" :exception="props.exception.Previous" />
+		<LogException v-if="props.isExpanded && props.exception.Previous" :isPrevious="true" :exception="props.exception.Previous" />
 	</span>
 </template>
 

src/components/settings/AppSettingsDialog.vue

@@ -6,7 +6,7 @@
 <template>
 	<NcAppSettingsDialog
 		:open="props.open"
-		:show-navigation="true"
+		showNavigation
 		:name="t('logreader', 'Log reader settings')"
 		@update:open="onUpdateOpen">
 		<NcAppSettingsSection id="logreader-settings-levels" :name="t('logreader', 'Filter log levels')">

src/components/settings/SettingsDatetimeFormat.vue

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

src/components/settings/SettingsLogLevels.vue

@@ -10,8 +10,8 @@
 			<NcCheckboxRadioSwitch
 				v-for="(levelName, levelId) in LOGGING_LEVEL_NAMES"
 				:key="levelId"
-				:model-value="shownLevels[levelId]"
-				@update:model-value="setShowLevels(levelId)">
+				:modelValue="shownLevels[levelId]"
+				@update:modelValue="setShowLevels(levelId)">
 				{{ levelName }}
 			</NcCheckboxRadioSwitch>
 		</fieldset>

src/components/settings/SettingsSetLogLevel.vue

@@ -9,11 +9,11 @@
 		<NcCheckboxRadioSwitch
 			v-for="(levelName, levelId) in LOGGING_LEVEL_NAMES"
 			:key="levelId"
-			:model-value="logLevel"
+			:modelValue="logLevel"
 			:value="`${levelId}`"
 			type="radio"
 			name="loglevel"
-			@update:model-value="setLogLevel">
+			@update:modelValue="setLogLevel">
 			{{ levelName }}
 		</NcCheckboxRadioSwitch>
 	</fieldset>

src/components/table/LogTable.vue

@@ -8,8 +8,8 @@
 		<LogDetailsModal
 			v-if="currentRow"
 			v-model:open="isModalOpen"
-			v-model:current-entry="currentRow"
-			:log-entries="sortedRows" />
+			v-model:currentEntry="currentRow"
+			:logEntries="sortedRows" />
 		<table ref="tableRoot" class="log-table__table">
 			<thead role="rowgroup" class="log-table__header">
 				<tr>
@@ -45,7 +45,7 @@
 					:key="row.id"
 					:row="row"
 					class="log-table__row"
-					@show-details="showDetailsForRow" />
+					@showDetails="showDetailsForRow" />
 			</tbody>
 			<tfoot role="rowgroup" class="log-table__footer">
 				<tr v-if="sortedByTime !== 'ascending'" class="log-table__load-more">

src/components/table/LogTableRow.vue

@@ -42,24 +42,24 @@
 				v-else
 				:key="settingsStore.dateTimeFormat"
 				:timestamp="timestamp"
-				:relative-time="isRelativeDate && 'long'"
+				:relativeTime="isRelativeDate && 'long'"
 				:format="dateTimeFormat" />
 		</td>
 		<td>
 			<NcActions placement="left-start">
-				<NcActionButton close-after-click @click="emit('showDetails', row)">
+				<NcActionButton closeAfterClick @click="emit('showDetails', row)">
 					<template #icon>
 						<IconViewList />
 					</template>
 					{{ t('logreader', 'Show details') }}
 				</NcActionButton>
-				<NcActionButton close-after-click @click="copyRaw">
+				<NcActionButton closeAfterClick @click="copyRaw">
 					<template #icon>
 						<IconContentCopy />
 					</template>
 					{{ t('logreader', 'Copy raw entry') }}
 				</NcActionButton>
-				<NcActionButton close-after-click @click="copyFormatted">
+				<NcActionButton closeAfterClick @click="copyFormatted">
 					<template #icon>
 						<IconContentCopy />
 					</template>