chore: update eslint config to Vue 3

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

Author: Antreesy

eslint.config.mjs

@@ -3,10 +3,10 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { recommendedVue2 } from '@nextcloud/eslint-config'
+import { recommended } from '@nextcloud/eslint-config'
 
 export default [
-	...recommendedVue2,
+	...recommended,
 	{
 		name: 'logreader/disabled-during-migration',
 		rules: {

src/App.vue

@@ -45,7 +45,7 @@
 			</template>
 		</NcEmptyContent>
 		<!-- App settings dialog will be mounted on page body -->
-		<AppSettingsDialog :open.sync="areSettingsShown" />
+		<AppSettingsDialog v-model:open="areSettingsShown" />
 	</div>
 </template>
 

src/components/LogSearch.vue

@@ -5,8 +5,8 @@
 
 <template>
 	<NcActions
+		v-model:open="isOpen"
 		:force-menu="true"
-		:open.sync="isOpen"
 		:aria-label="t('logreader', 'Search log entries')"
 		:type="buttonType">
 		<template #icon>

src/components/table/LogTable.vue

@@ -7,24 +7,24 @@
 	<div class="log-table">
 		<LogDetailsModal
 			v-if="currentRow"
-			:open.sync="isModalOpen"
-			:current-entry.sync="currentRow"
+			v-model:open="isModalOpen"
+			v-model:current-entry="currentRow"
 			:log-entries="sortedRows" />
 		<table ref="tableRoot" class="log-table__table">
 			<thead role="rowgroup" class="log-table__header">
 				<tr>
 					<LogTableHeader
-						:name="t('logreader', 'Level')"
-						:sorted.sync="sortedByLevel" />
+						v-model:sorted="sortedByLevel"
+						:name="t('logreader', 'Level')" />
 					<LogTableHeader
-						:name="t('logreader', 'Application')"
-						:sorted.sync="sortedByApp" />
+						v-model:sorted="sortedByApp"
+						:name="t('logreader', 'Application')" />
 					<LogTableHeader :name="t('logreader', 'Message')" :sortable="false">
 						<LogSearch />
 					</LogTableHeader>
 					<LogTableHeader
-						:name="t('logreader', 'Time')"
-						:sorted.sync="sortedByTime" />
+						v-model:sorted="sortedByTime"
+						:name="t('logreader', 'Time')" />
 					<th><span class="hidden-visually">{{ t('logreader', 'Log entry actions') }}</span></th>
 				</tr>
 			</thead>