chore(vue3): update eslint config for Vue3 features support

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

Author: Antreesy

eslint.config.mjs

@@ -3,12 +3,13 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { recommendedVue2Javascript } from '@nextcloud/eslint-config'
+import { recommendedJavascript } from '@nextcloud/eslint-config'
 
 export default [
-	...recommendedVue2Javascript,
-	// Disabled rules from recommendedVue2Javascript pack
+	...recommendedJavascript,
+
 	{
+		name: 'notifications/disabled',
 		rules: {
 			'no-console': 'off',
 		},

src/NotificationsApp.vue

@@ -6,9 +6,9 @@
 	<NcHeaderMenu
 		v-if="!shutdown"
 		id="notifications"
+		v-model:open="open"
 		class="notifications-button"
 		:exclude-click-outside-selectors="['.popover']"
-		:open.sync="open"
 		:aria-label="t('notifications', 'Notifications')"
 		:title="t('notifications', 'Notifications')"
 		@open="onOpen">
@@ -238,7 +238,7 @@ export default {
 		subscribe('user_status:status.updated', this.userStatusUpdated)
 	},
 
-	beforeDestroy() {
+	beforeUnmount() {
 		unsubscribe('user_status:status.updated', this.userStatusUpdated)
 		unsubscribe('networkOffline', this.handleNetworkOffline)
 		unsubscribe('networkOnline', this.handleNetworkOnline)

src/views/AdminSettings.vue

@@ -23,13 +23,13 @@
 		</p>
 
 		<NcCheckboxRadioSwitch
-			:checked.sync="config.sound_notification"
-			@update:checked="updateSettings">
+			v-model="config.sound_notification"
+			@update:model-value="updateSettings">
 			{{ t('notifications', 'Play sound when a new notification arrives') }}
 		</NcCheckboxRadioSwitch>
 		<NcCheckboxRadioSwitch
-			:checked.sync="config.sound_talk"
-			@update:checked="updateSettings">
+			v-model="config.sound_talk"
+			@update:model-value="updateSettings">
 			{{ t('notifications', 'Play sound when a call started (requires Nextcloud Talk)') }}
 		</NcCheckboxRadioSwitch>
 	</NcSettingsSection>

src/views/UserSettings.vue

@@ -25,22 +25,22 @@
 		</p>
 
 		<NcCheckboxRadioSwitch
-			:checked.sync="config.sound_notification"
-			@update:checked="updateSettings">
+			v-model="config.sound_notification"
+			@update:model-value="updateSettings">
 			{{ t('notifications', 'Play sound when a new notification arrives') }}
 		</NcCheckboxRadioSwitch>
 		<NcCheckboxRadioSwitch
-			:checked.sync="config.sound_talk"
-			@update:checked="updateSettings">
+			v-model="config.sound_talk"
+			@update:model-value="updateSettings">
 			{{ t('notifications', 'Play sound when a call started (requires Nextcloud Talk)') }}
 		</NcCheckboxRadioSwitch>
 
 		<template v-if="config.sound_talk">
 			<NcCheckboxRadioSwitch
+				v-model="storage.secondary_speaker"
 				class="additional-margin-top"
-				:checked.sync="storage.secondary_speaker"
 				:disabled="isSafari"
-				@update:checked="updateLocalSettings">
+				@update:model-value="updateLocalSettings">
 				{{ t('notifications', 'Also repeat sound on a secondary speaker') }}
 			</NcCheckboxRadioSwitch>
 			<div v-if="isSafari" class="notification-frequency__warning">
@@ -56,7 +56,7 @@
 				:clearable="false"
 				:placeholder="t('notifications', 'Select a device')"
 				@open="initializeDevices"
-				@input="updateLocalSettings" />
+				@update:model-value="updateLocalSettings" />
 		</template>
 	</NcSettingsSection>
 </template>