Merge pull request #57709 from nextcloud/dependabot/npm_and_yarn/stable33/nextcloud/eslint-config-9.0.0-rc.7

[stable33] build(deps-dev): bump @nextcloud/eslint-config from 9.0.0-rc.6 to 9.0.0-rc.7
2026-06-11 01:30:50 -04:00 · 2026-01-26 01:17:20 +01:00 · 2026-01-26 01:17:20 +01:00 · cf07c8afbd
commit cf07c8afbd
parent 47524649c7 a2647770c0
185 changed files with 660 additions and 659 deletions
--- a/apps/dav/src/components/AbsenceForm.vue
+++ b/apps/dav/src/components/AbsenceForm.vue
@ -22,7 +22,7 @@
 		<label for="replacement-search-input">{{ t('dav', 'Out of office replacement (optional)') }}</label>
 		<NcSelectUsers
 			v-model="replacementUser"
-			input-id="replacement-search-input"
+			inputId="replacement-search-input"
 			:loading="searchLoading"
 			:placeholder="t('dav', 'Name of the replacement')"
 			:options="options"
--- a/apps/dav/src/components/AvailabilityForm.vue
+++ b/apps/dav/src/components/AvailabilityForm.vue
@ -76,20 +76,20 @@ async function save() {
 		<CalendarAvailability
 			v-model:slots="slots"
 			:loading="loading"
-			:l10n-to="t('dav', 'to')"
-			:l10n-delete-slot="t('dav', 'Delete slot')"
-			:l10n-empty-day="t('dav', 'No working hours set')"
-			:l10n-add-slot="t('dav', 'Add slot')"
-			:l10n-week-day-list-label="t('dav', 'Weekdays')"
-			:l10n-monday="t('dav', 'Monday')"
-			:l10n-tuesday="t('dav', 'Tuesday')"
-			:l10n-wednesday="t('dav', 'Wednesday')"
-			:l10n-thursday="t('dav', 'Thursday')"
-			:l10n-friday="t('dav', 'Friday')"
-			:l10n-saturday="t('dav', 'Saturday')"
-			:l10n-sunday="t('dav', 'Sunday')"
-			:l10n-start-picker-label="(dayName) => t('dav', 'Pick a start time for {dayName}', { dayName })"
-			:l10n-end-picker-label="(dayName) => t('dav', 'Pick a end time for {dayName}', { dayName })" />
+			:l10nTo="t('dav', 'to')"
+			:l10nDeleteSlot="t('dav', 'Delete slot')"
+			:l10nEmptyDay="t('dav', 'No working hours set')"
+			:l10nAddSlot="t('dav', 'Add slot')"
+			:l10nWeekDayListLabel="t('dav', 'Weekdays')"
+			:l10nMonday="t('dav', 'Monday')"
+			:l10nTuesday="t('dav', 'Tuesday')"
+			:l10nWednesday="t('dav', 'Wednesday')"
+			:l10nThursday="t('dav', 'Thursday')"
+			:l10nFriday="t('dav', 'Friday')"
+			:l10nSaturday="t('dav', 'Saturday')"
+			:l10nSunday="t('dav', 'Sunday')"
+			:l10nStartPickerLabel="(dayName) => t('dav', 'Pick a start time for {dayName}', { dayName })"
+			:l10nEndPickerLabel="(dayName) => t('dav', 'Pick a end time for {dayName}', { dayName })" />

 		<NcCheckboxRadioSwitch v-model="automated">
 			{{ t('dav', 'Automatically set user status to "Do not disturb" outside of availability to mute all notifications.') }}
--- a/apps/dav/src/components/ExampleContactSettings.vue
+++ b/apps/dav/src/components/ExampleContactSettings.vue
@ -6,9 +6,9 @@
 <template>
 	<div class="example-contact-settings">
 		<NcCheckboxRadioSwitch
-			:model-value="enableDefaultContact"
+			:modelValue="enableDefaultContact"
 			type="switch"
-			@update:model-value="updateEnableDefaultContact">
+			@update:modelValue="updateEnableDefaultContact">
 			{{ t('dav', "Add example contact to user's address book when they first log in") }}
 		</NcCheckboxRadioSwitch>
 		<div v-if="enableDefaultContact" class="example-contact-settings__buttons">
--- a/apps/dav/src/components/ExampleEventSettings.vue
+++ b/apps/dav/src/components/ExampleEventSettings.vue
@ -6,10 +6,10 @@
 <template>
 	<div class="example-event-settings">
 		<NcCheckboxRadioSwitch
-			:model-value="createExampleEvent"
+			:modelValue="createExampleEvent"
 			:disabled="savingConfig"
 			type="switch"
-			@update:model-value="updateCreateExampleEvent">
+			@update:modelValue="updateCreateExampleEvent">
 			{{ t('dav', "Add example event to user's calendar when they first log in") }}
 		</NcCheckboxRadioSwitch>
 		<div
--- a/apps/dav/src/views/CalDavSettings.vue
+++ b/apps/dav/src/views/CalDavSettings.vue
@ -5,7 +5,7 @@
 <template>
 	<NcSettingsSection
 		:name="t('dav', 'Calendar server')"
-		:doc-url="userSyncCalendarsDocUrl">
+		:docUrl="userSyncCalendarsDocUrl">
 		<!-- Can use v-html as:
 			- t passes the translated string through DOMPurify.sanitize,
 			- replacement strings are not user-controlled. -->
--- a/apps/encryption/src/components/SettingsAdminRecoveryKey.vue
+++ b/apps/encryption/src/components/SettingsAdminRecoveryKey.vue
@ -78,7 +78,7 @@ async function onSubmit() {
 				required
 				name="confirmPassword"
 				:error="!!confirmPassword && !passwordMatch"
-				:helper-text="(passwordMatch || !confirmPassword) ? '' : t('encryption', 'Passwords fields do not match')"
+				:helperText="(passwordMatch || !confirmPassword) ? '' : t('encryption', 'Passwords fields do not match')"
 				:label="t('encryption', 'Repeat recovery key password')" />

 			<NcButton type="submit" :variant="recoveryEnabled ? 'error' : 'primary'">
--- a/apps/encryption/src/components/SettingsAdminRecoveryKeyChange.vue
+++ b/apps/encryption/src/components/SettingsAdminRecoveryKeyChange.vue
@ -77,7 +77,7 @@ async function onSubmit() {
 				required
 				name="confirmPassword"
 				:error="!passwordMatch && !!confirmPassword"
-				:helper-text="(passwordMatch || !confirmPassword) ? '' : t('encryption', 'Passwords fields do not match')"
+				:helperText="(passwordMatch || !confirmPassword) ? '' : t('encryption', 'Passwords fields do not match')"
 				:label="t('encryption', 'Repeat new recovery key password')" />

 			<NcButton type="submit" variant="primary">
--- a/apps/encryption/src/views/SettingsPersonal.vue
+++ b/apps/encryption/src/views/SettingsPersonal.vue
@ -51,7 +51,7 @@ async function reloadStatus() {

 		<SettingsPersonalChangePrivateKey
 			v-else-if="initialized === InitStatus.InitExecuted"
-			:recovery-enabled-for-user
+			:recoveryEnabledForUser
 			@updated="reloadStatus" />
 		<SettingsPersonalEnableRecovery
 			v-else-if="personalSettings.recoveryEnabled && personalSettings.privateKeySet"
--- a/apps/federatedfilesharing/src/components/AdminSettings.vue
+++ b/apps/federatedfilesharing/src/components/AdminSettings.vue
@ -156,7 +156,7 @@ async function updateAppConfig(key: string, value: boolean) {
 	<NcSettingsSection
 		:name="t('federatedfilesharing', 'Federated Cloud Sharing')"
 		:description="t('federatedfilesharing', 'Adjust how people can share between servers. This includes shares between people on this server as well if they are using federated sharing.')"
-		:doc-url="sharingFederatedDocUrl">
+		:docUrl="sharingFederatedDocUrl">
 		<NcCheckboxRadioSwitch
 			v-model="state.outgoingServer2serverShareEnabled"
 			type="switch">
@ -188,17 +188,17 @@ async function updateAppConfig(key: string, value: boolean) {

 			<NcCheckboxRadioSwitch
 				type="switch"
-				:model-value="state.lookupServerEnabled"
+				:modelValue="state.lookupServerEnabled"
 				disabled
-				@update:model-value="showLookupServerConfirmation">
+				@update:modelValue="showLookupServerConfirmation">
 				{{ t('federatedfilesharing', 'Search global and public address book for people') }}
 			</NcCheckboxRadioSwitch>

 			<NcCheckboxRadioSwitch
 				type="switch"
-				:model-value="state.lookupServerUploadEnabled"
+				:modelValue="state.lookupServerUploadEnabled"
 				disabled
-				@update:model-value="showLookupServerUploadConfirmation">
+				@update:modelValue="showLookupServerUploadConfirmation">
 				{{ t('federatedfilesharing', 'Allow people to publish their data to a global and public address book') }}
 			</NcCheckboxRadioSwitch>
 		</fieldset>
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@ -76,18 +76,18 @@ async function copyCloudId(): Promise<void> {
 	<NcSettingsSection
 		:name="t('federatedfilesharing', 'Federated Cloud')"
 		:description="t('federatedfilesharing', 'You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com', { productName })"
-		:doc-url="docUrlFederated">
+		:docUrl="docUrlFederated">
 		<NcInputField
 			class="federated-cloud__cloud-id"
 			readonly
 			:label="t('federatedfilesharing', 'Your Federated Cloud ID')"
-			:model-value="cloudId"
+			:modelValue="cloudId"
 			:success="isCopied"
-			show-trailing-button
-			:trailing-button-label="copyLinkTooltip"
-			@trailing-button-click="copyCloudId">
+			showTrailingButton
+			:trailingButtonLabel="copyLinkTooltip"
+			@trailingButtonClick="copyCloudId">
 			<template #trailing-button-icon>
-				<IconCheck v-if="isCopied" :size="20" fill-color="var(--color-border-success)" />
+				<IconCheck v-if="isCopied" :size="20" fillColor="var(--color-border-success)" />
 				<IconClipboard v-else :size="20" />
 			</template>
 		</NcInputField>
--- a/apps/federatedfilesharing/src/components/RemoteShareDialog.vue
+++ b/apps/federatedfilesharing/src/components/RemoteShareDialog.vue
@ -47,7 +47,7 @@ const buttons = computed<INcDialogButtons>(() => [
 <template>
 	<NcDialog
 		:buttons="buttons"
-		:is-form="passwordRequired"
+		:isForm="passwordRequired"
 		:name="t('federatedfilesharing', 'Remote share')"
 		@submit="emit('close', true, password)">
 		<p>
--- a/apps/federation/src/views/AdminSettings.vue
+++ b/apps/federation/src/views/AdminSettings.vue
@ -41,7 +41,7 @@ function onDelete(server: ITrustedServer) {
 <template>
 	<NcSettingsSection
 		:name="t('federation', 'Trusted servers')"
-		:doc-url="adminSettings.docUrl"
+		:docUrl="adminSettings.docUrl"
 		:description="t('federation', 'Federation allows you to connect with other trusted servers to exchange the account directory. For example this will be used to auto-complete external accounts for federated sharing. It is not necessary to add a server as trusted server in order to create a federated share.')">
 		<NcNoteCard
 			v-if="showPendingServerInfo"
@ -52,10 +52,10 @@ function onDelete(server: ITrustedServer) {
 			:class="$style.federationAdminSettings__trustedServersList"
 			:aria-label="t('federation', 'Trusted servers')"
 			tag="ul"
-			:enter-from-class="$style.transition_hidden"
-			:enter-active-class="$style.transition_active"
-			:leave-active-class="$style.transition_active"
-			:leave-to-class="$style.transition_hidden">
+			:enterFromClass="$style.transition_hidden"
+			:enterActiveClass="$style.transition_active"
+			:leaveActiveClass="$style.transition_active"
+			:leaveToClass="$style.transition_hidden">
 			<TrustedServer
 				v-for="server in trustedServers"
 				:key="server.id"
--- a/apps/files/src/components/VirtualList.vue
+++ b/apps/files/src/components/VirtualList.vue
@ -383,7 +383,12 @@ export default defineComponent({
 			this.$nextTick(() => {
 				this.$el.scrollTop = scrollTop
 				logger.debug(`VirtualList: scrolling to index ${index}`, {
-					clampedIndex, scrollTop, columnCount: this.columnCount, total: this.totalRowCount, visibleRows: this.visibleRows, beforeHeight: this.beforeHeight,
+					clampedIndex,
+					scrollTop,
+					columnCount: this.columnCount,
+					total: this.totalRowCount,
+					visibleRows: this.visibleRows,
+					beforeHeight: this.beforeHeight,
 				})
 			})
 		},
--- a/apps/files_external/src/components/AddExternalStorageDialog/AddExternalStorageDialog.vue
+++ b/apps/files_external/src/components/AddExternalStorageDialog/AddExternalStorageDialog.vue
@ -78,8 +78,8 @@ watch(authMechanisms, () => {
 <template>
 	<NcDialog
 		v-model:open="open"
-		is-form
-		:content-classes="$style.externalStorageDialog"
+		isForm
+		:contentClasses="$style.externalStorageDialog"
 		:name="internalStorage.id ? t('files_external', 'Edit storage') : t('files_external', 'Add storage')"
 		@submit="$emit('close', internalStorage)"
 		@update:open="$event || $emit('close')">
@ -99,7 +99,7 @@ watch(authMechanisms, () => {
 			v-model="backend"
 			:options="backends"
 			:disabled="!!(internalStorage.id && internalStorage.backend)"
-			:input-label="t('files_external', 'External storage')"
+			:inputLabel="t('files_external', 'External storage')"
 			label="name"
 			required />

@ -107,7 +107,7 @@ watch(authMechanisms, () => {
 			v-model="authMechanism"
 			:options="authMechanisms"
 			:disabled="!internalStorage.backend || authMechanisms.length <= 1 || !!(internalStorage.id && internalStorage.authMechanism)"
-			:input-label="t('files_external', 'Authentication')"
+			:inputLabel="t('files_external', 'Authentication')"
 			label="name"
 			required />

@ -121,7 +121,7 @@ watch(authMechanisms, () => {
 			v-if="authMechanism"
 			v-model="internalStorage.backendOptions"
 			:class="$style.externalStorageDialog__configuration"
-			:auth-mechanism="authMechanism" />
+			:authMechanism="authMechanism" />

 		<template #actions>
 			<NcButton v-if="storage.id" @click="$emit('close')">
--- a/apps/files_external/src/components/AddExternalStorageDialog/ApplicableEntities.vue
+++ b/apps/files_external/src/components/AddExternalStorageDialog/ApplicableEntities.vue
@ -59,9 +59,9 @@ async function onSearch(pattern: string) {
 <template>
 	<NcSelectUsers
 		v-model="model"
-		keep-open
+		keepOpen
 		multiple
 		:options="entities"
-		:input-label="t('files_external', 'Restrict to')"
+		:inputLabel="t('files_external', 'Restrict to')"
 		@search="debouncedSearch" />
 </template>
--- a/apps/files_external/src/components/AddExternalStorageDialog/BackendConfiguration.vue
+++ b/apps/files_external/src/components/AddExternalStorageDialog/BackendConfiguration.vue
@ -39,8 +39,8 @@ watch(() => props.configuration, () => {
 			v-show="!(configOption.flags & ConfigurationFlag.Hidden)"
 			:key="configOption.value"
 			v-model="modelValue[configKey]!"
-			:config-key="configKey"
-			:config-option="configOption" />
+			:configKey="configKey"
+			:configOption="configOption" />
 	</fieldset>
 </template>

--- a/apps/files_external/src/components/AddExternalStorageDialog/MountOptions.vue
+++ b/apps/files_external/src/components/AddExternalStorageDialog/MountOptions.vue
@ -81,7 +81,7 @@ const checkFilesystem = computed({
 			:aria-labelledby="idButton">
 			<NcSelect
 				v-model="checkFilesystem"
-				:input-label="t('files_external', 'Check filesystem changes')"
+				:inputLabel="t('files_external', 'Check filesystem changes')"
 				:options="checkFilesystemOptions" />

 			<NcCheckboxRadioSwitch v-model="modelValue.readonly" type="switch">
--- a/apps/files_external/src/components/ExternalStorageTable.vue
+++ b/apps/files_external/src/components/ExternalStorageTable.vue
@ -56,7 +56,7 @@ const storages = computed(() => {
 			<ExternalStorageTableRow
 				v-for="storage in storages"
 				:key="storage.id"
-				:is-admin
+				:isAdmin
 				:storage="storage" />
 		</tbody>
 	</table>
--- a/apps/files_external/src/components/ExternalStorageTableRow.vue
+++ b/apps/files_external/src/components/ExternalStorageTableRow.vue
@ -115,13 +115,13 @@ async function reloadStatus() {
 				<NcChip
 					v-for="group of storage.applicableGroups"
 					:key="group"
-					:icon-path="mdiAccountGroupOutline"
-					no-close
+					:iconPath="mdiAccountGroupOutline"
+					noClose
 					:text="group" />
 				<NcUserBubble
 					v-for="user of users"
 					:key="user.user"
-					:display-name="user.displayName"
+					:displayName="user.displayName"
 					:size="24"
 					:user="user.user" />
 			</div>
--- a/apps/files_external/src/views/AuthMechanismRsa.vue
+++ b/apps/files_external/src/views/AuthMechanismRsa.vue
@ -57,13 +57,13 @@ async function generateKeys() {
 			v-show="!(configOption.flags & ConfigurationFlag.Hidden)"
 			:key="configOption.value"
 			v-model="modelValue[configKey]!"
-			:config-key="configKey"
-			:config-option="configOption" />
+			:configKey="configKey"
+			:configOption="configOption" />

 		<NcSelect
 			v-model="keySize"
 			:clearable="false"
-			:input-label="t('files_external', 'Key size')"
+			:inputLabel="t('files_external', 'Key size')"
 			:options="[1024, 2048, 4096]"
 			required />

--- a/apps/files_external/src/views/CredentialsDialog.vue
+++ b/apps/files_external/src/views/CredentialsDialog.vue
@ -29,11 +29,11 @@ const dialogButtons: InstanceType<typeof NcDialog>['buttons'] = [{
 	<NcDialog
 		:buttons="dialogButtons"
 		class="external-storage-auth"
-		close-on-click-outside
+		closeOnClickOutside
 		data-cy-external-storage-auth
-		is-form
+		isForm
 		:name="t('files_external', 'Storage credentials')"
-		out-transition
+		outTransition
 		@submit="$emit('close', { login, password })"
 		@update:open="$emit('close')">
 		<!-- Header -->
--- a/apps/files_external/src/views/ExternalStoragesSection.vue
+++ b/apps/files_external/src/views/ExternalStoragesSection.vue
@ -67,7 +67,7 @@ async function addStorage(storage?: Partial<IStorage>) {

 <template>
 	<NcSettingsSection
-		:doc-url="settings.docUrl"
+		:docUrl="settings.docUrl"
 		:name="t('files_external', 'External storage')"
 		:description="
 			t('files_external', 'External storage enables you to mount external storage services and devices as secondary Nextcloud storage devices.')
--- a/apps/files_reminders/src/components/SetCustomReminderModal.vue
+++ b/apps/files_reminders/src/components/SetCustomReminderModal.vue
@ -114,9 +114,9 @@ function onInput(): void {
 	<NcDialog
 		v-if="opened"
 		:name="t('files_reminders', `Set reminder for '{fileName}'`, { fileName: node.displayname })"
-		out-transition
+		outTransition
 		size="small"
-		close-on-click-outside
+		closeOnClickOutside
 		@closing="onClose">
 		<form
 			id="set-custom-reminder-form"
--- a/apps/files_sharing/src/components/NewFileRequestDialog.vue
+++ b/apps/files_sharing/src/components/NewFileRequestDialog.vue
@ -356,8 +356,7 @@ export default defineComponent({
 						value: this.emails,
 						key: 'emails',
 						scope: 'shareWith',
-					},
-					{
+					}, {
 						value: true,
 						key: 'enabled',
 						scope: 'fileRequest',
--- a/apps/files_sharing/src/components/NewFileRequestDialog/NewFileRequestDialogFinish.vue
+++ b/apps/files_sharing/src/components/NewFileRequestDialog/NewFileRequestDialogFinish.vue
@ -112,7 +112,8 @@ export default defineComponent({

 	setup() {
 		return {
-			n, t,
+			n,
+			t,
 		}
 	},

--- a/apps/files_sharing/src/components/SidebarTabExternal/SidebarTabExternalSectionLegacy.vue
+++ b/apps/files_sharing/src/components/SidebarTabExternal/SidebarTabExternalSectionLegacy.vue
@ -11,7 +11,8 @@

 <script lang="ts" setup>
 import {
-	type Component, type PropType,
+	type Component,
+	type PropType,

 	computed,
 } from 'vue'
--- a/apps/files_versions/src/components/VersionEntry.vue
+++ b/apps/files_versions/src/components/VersionEntry.vue
@ -5,7 +5,7 @@
 <template>
 	<NcListItem
 		class="version"
-		:force-display-actions="true"
+		:forceDisplayActions="true"
 		:actions-aria-label="t('files_versions', 'Actions for version from {versionHumanExplicitDate}', { versionHumanExplicitDate })"
 		:data-files-versions-version="version.fileVersion"
 		:href="downloadURL"
@ -49,9 +49,9 @@
 						class="avatar"
 						:user="version.author ?? undefined"
 						:size="20"
-						disable-menu
-						disable-tooltip
-						hide-status />
+						disableMenu
+						disableTooltip
+						hideStatus />
 					<div
 						class="version__info__author_name"
 						:title="versionAuthor">
@ -66,7 +66,7 @@
 			<div class="version__info version__info__subline">
 				<NcDateTime
 					class="version__info__date"
-					relative-time="short"
+					relativeTime="short"
 					:timestamp="version.mtime" />
 				<!-- Separate dot to improve alignment -->
 				<span>•</span>
@ -79,7 +79,7 @@
 			<NcActionButton
 				v-if="enableLabeling && hasUpdatePermissions"
 				data-cy-files-versions-version-action="label"
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="labelUpdate">
 				<template #icon>
 					<Pencil :size="22" />
@ -89,7 +89,7 @@
 			<NcActionButton
 				v-if="!isCurrent && canView && canCompare"
 				data-cy-files-versions-version-action="compare"
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="compareVersion">
 				<template #icon>
 					<FileCompare :size="22" />
@ -99,7 +99,7 @@
 			<NcActionButton
 				v-if="!isCurrent && hasUpdatePermissions"
 				data-cy-files-versions-version-action="restore"
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="restoreVersion">
 				<template #icon>
 					<BackupRestore :size="22" />
@ -110,7 +110,7 @@
 				v-if="isDownloadable"
 				data-cy-files-versions-version-action="download"
 				:href="downloadURL"
-				:close-after-click="true"
+				:closeAfterClick="true"
 				:download="downloadURL">
 				<template #icon>
 					<Download :size="22" />
@ -120,7 +120,7 @@
 			<NcActionButton
 				v-if="!isCurrent && enableDeletion && hasDeletePermissions"
 				data-cy-files-versions-version-action="delete"
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="deleteVersion">
 				<template #icon>
 					<Delete :size="22" />
@ -133,7 +133,6 @@

 <script lang="ts" setup>
 import type { INode } from '@nextcloud/files'
-import type { PropType } from 'vue'
 import type { Version } from '../utils/versions.ts'

 import { getCurrentUser } from '@nextcloud/auth'
@ -154,44 +153,23 @@ import Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
 import Download from 'vue-material-design-icons/TrayArrowDown.vue'

-const props = defineProps({
-	version: {
-		type: Object as PropType<Version>,
-		required: true,
-	},
+const props = defineProps<{
+	version: Version
+	node: INode
+	isCurrent: boolean
+	isFirstVersion: boolean
+	loadPreview: boolean
+	canView: boolean
+	canCompare: boolean
+}>()

-	node: {
-		type: Object as PropType<INode>,
-		required: true,
-	},
-
-	isCurrent: {
-		type: Boolean,
-		default: false,
-	},
-
-	isFirstVersion: {
-		type: Boolean,
-		default: false,
-	},
-
-	loadPreview: {
-		type: Boolean,
-		default: false,
-	},
-
-	canView: {
-		type: Boolean,
-		default: false,
-	},
-
-	canCompare: {
-		type: Boolean,
-		default: false,
-	},
-})
-
-const emit = defineEmits(['click', 'compare', 'restore', 'delete', 'label-update-request'])
+const emit = defineEmits<{
+	click: [version: Version]
+	compare: [version: Version]
+	restore: [version: Version]
+	delete: [version: Version]
+	labelUpdateRequest: []
+}>()

 const previewLoaded = ref(false)
 const previewErrored = ref(false)
@ -287,7 +265,7 @@ const isDownloadable = computed(() => {
 * Label update request
 */
 function labelUpdate() {
-	emit('label-update-request')
+	emit('labelUpdateRequest')
 }

 /**
@ -318,7 +296,7 @@ function click(event: MouseEvent) {
 		event.preventDefault()
 	}

-	emit('click', { version: props.version })
+	emit('click', props.version)
 }

 /**
@ -328,7 +306,7 @@ function compareVersion() {
 	if (!props.canView) {
 		throw new Error('Cannot compare version of this file')
 	}
-	emit('compare', { version: props.version })
+	emit('compare', props.version)
 }

 /**
--- a/apps/files_versions/src/components/VersionLabelDialog.vue
+++ b/apps/files_versions/src/components/VersionLabelDialog.vue
@ -5,8 +5,8 @@
 <template>
 	<NcDialog
 		:buttons="dialogButtons"
-		content-classes="version-label-modal"
-		is-form
+		contentClasses="version-label-modal"
+		isForm
 		:open="open"
 		size="normal"
 		:name="t('files_versions', 'Name this version')"
--- a/apps/files_versions/src/components/VirtualScrolling.vue
+++ b/apps/files_versions/src/components/VirtualScrolling.vue
@ -8,7 +8,7 @@
 			ref="rowsContainer"
 			class="vs-rows-container"
 			:style="rowsContainerStyle">
-			<slot :visible-sections="visibleSections" />
+			<slot :visibleSections="visibleSections" />
 			<slot name="loader" />
 		</div>
 	</div>
@ -17,7 +17,7 @@
 		ref="rowsContainer"
 		class="vs-rows-container"
 		:style="rowsContainerStyle">
-		<slot :visible-sections="visibleSections" />
+		<slot :visibleSections="visibleSections" />
 		<slot name="loader" />
 	</div>
 </template>
@ -96,7 +96,7 @@ export default defineComponent({
 		},
 	},

-	emits: ['need-content'],
+	emits: ['needContent'],

 	data() {
 		return {
@ -234,7 +234,7 @@ export default defineComponent({

 		/**
 		 * Whether the user is near the bottom.
-		 * If true, then the need-content event will be emitted.
+		 * If true, then the needContent event will be emitted.
 		 */
 		isNearBottom(): boolean {
 			const buffer = this.containerHeight * this.bottomBufferRatio
@ -257,15 +257,15 @@ export default defineComponent({
 		isNearBottom(value) {
 			logger.debug('[VirtualScrolling] isNearBottom changed', { value })
 			if (value) {
-				this.$emit('need-content')
+				this.$emit('needContent')
 			}
 		},

 		visibleSections() {
-			// Re-emit need-content when rows is updated and isNearBottom is still true.
+			// Re-emit needContent when rows is updated and isNearBottom is still true.
 			// If the height of added rows is under `bottomBufferRatio`, `isNearBottom` will still be true so we need more content.
 			if (this.isNearBottom) {
-				this.$emit('need-content')
+				this.$emit('needContent')
 			}
 		},

--- a/apps/files_versions/src/views/FilesVersionsSidebarTab.vue
+++ b/apps/files_versions/src/views/FilesVersionsSidebarTab.vue
@ -6,24 +6,24 @@
 	<div v-if="node" class="versions-tab__container">
 		<VirtualScrolling
 			:sections="sections"
-			:header-height="0">
+			:headerHeight="0">
 			<template #default="{ visibleSections }">
 				<ul :aria-label="t('files_versions', 'File versions')" data-files-versions-versions-list>
 					<template v-if="visibleSections.length === 1">
 						<VersionEntry
 							v-for="(row) of visibleSections[0].rows"
 							:key="row.items[0].version.mtime"
-							:can-view="canView"
-							:can-compare="canCompare"
-							:load-preview="active"
+							:canView="canView"
+							:canCompare="canCompare"
+							:loadPreview="active"
 							:version="row.items[0].version"
 							:node="node"
-							:is-current="row.items[0].version.mtime === currentVersionMtime"
-							:is-first-version="row.items[0].version.mtime === initialVersionMtime"
+							:isCurrent="row.items[0].version.mtime === currentVersionMtime"
+							:isFirstVersion="row.items[0].version.mtime === initialVersionMtime"
 							@click="openVersion"
 							@compare="compareVersion"
 							@restore="handleRestore"
-							@label-update-request="handleLabelUpdateRequest(row.items[0].version)"
+							@labelUpdateRequest="handleLabelUpdateRequest(row.items[0].version)"
 							@delete="handleDelete" />
 					</template>
 				</ul>
@ -234,10 +234,9 @@ async function handleDelete(version: Version) {
 }

 /**
- * @param payload - The event payload
- * @param payload.version - The version to open
+ * @param version - The version to open
 */
-function openVersion({ version }: { version: Version }) {
+function openVersion(version: Version) {
 	if (props.node === null) {
 		return
 	}
@ -261,10 +260,9 @@ function openVersion({ version }: { version: Version }) {
 }

 /**
- * @param payload - The event payload
- * @param payload.version - The version to compare
+ * @param version - The version to compare
 */
-function compareVersion({ version }: { version: Version }) {
+function compareVersion(version: Version) {
 	const _versions = versions.value.map((version) => ({ ...version, previewUrl: undefined }))

 	window.OCA.Viewer.compare(
--- a/apps/oauth2/src/components/OAuthItem.vue
+++ b/apps/oauth2/src/components/OAuthItem.vue
@ -37,9 +37,9 @@ defineEmits<{
 				v-if="client.clientSecret"
 				:class="$style.oAuthItem__clientSecret"
 				:aria-label="t('oauth2', 'Secret key')"
-				as-text
-				:model-value="client.clientSecret"
-				show-trailing-button />
+				asText
+				:modelValue="client.clientSecret"
+				showTrailingButton />
 			<span v-else>*****</span>
 		</td>
 		<td>
--- a/apps/oauth2/src/views/AdminSettings.vue
+++ b/apps/oauth2/src/views/AdminSettings.vue
@ -77,7 +77,7 @@ async function addClient() {
 	<NcSettingsSection
 		:name="t('oauth2', 'OAuth 2.0 clients')"
 		:description="t('oauth2', 'OAuth 2.0 allows external services to request access to {instanceName}.', { instanceName })"
-		:doc-url="oauthDocLink">
+		:docUrl="oauthDocLink">
 		<table v-if="clients.length > 0" :class="[$style.oauthApp__table, { [$style.oauthApp__table_withSecret]: showSecretWarning }]">
 			<thead>
 				<tr>
--- a/apps/profile/src/views/ProfileApp.vue
+++ b/apps/profile/src/views/ProfileApp.vue
@ -109,7 +109,7 @@ function openStatusModal() {
 </script>

 <template>
-	<NcContent app-name="profile">
+	<NcContent appName="profile">
 		<NcAppContent>
 			<div class="profile__header">
 				<div class="profile__header__container">
@ -146,9 +146,9 @@ function openStatusModal() {
 							:class="{ interactive: isCurrentUser }"
 							:user="profileParameters.userId"
 							:size="180"
-							:disable-menu="true"
-							:disable-tooltip="true"
-							:is-no-user="!profileParameters.isUserAvatarVisible"
+							:disableMenu="true"
+							:disableTooltip="true"
+							:isNoUser="!profileParameters.isUserAvatarVisible"
 							@click.prevent.stop="openStatusModal" />

 						<div class="user-actions">
@ -170,7 +170,7 @@ function openStatusModal() {
 								<NcActionLink
 									v-for="action in otherActions"
 									:key="action.id"
-									:close-after-click="true"
+									:closeAfterClick="true"
 									:href="action.target"
 									:target="action.id === 'phone' ? '_self' : '_blank'">
 									<template #icon>
@ -201,14 +201,14 @@ function openStatusModal() {
 							<h3 v-if="profileParameters.headline" class="profile__blocks-headline">
 								{{ profileParameters.headline }}
 							</h3>
-							<NcRichText v-if="profileParameters.biography" :text="profileParameters.biography" use-extended-markdown />
+							<NcRichText v-if="profileParameters.biography" :text="profileParameters.biography" useExtendedMarkdown />

 							<!-- additional entries, use it with cautious -->
 							<ProfileSection
 								v-for="section in sortedSections"
 								:key="section.id"
 								:section="section"
-								:user-id="profileParameters.userId" />
+								:userId="profileParameters.userId" />
 						</template>
 						<NcEmptyContent
 							v-else
--- a/apps/settings/src/components/AdminAI.vue
+++ b/apps/settings/src/components/AdminAI.vue
@ -49,7 +49,7 @@
 		<NcSettingsSection
 			:name="t('settings', 'Machine translation')"
 			:description="t('settings', 'Machine translation can be implemented by different apps. Here you can define the precedence of the machine translation apps you have installed at the moment.')">
-			<draggable v-model="settings['ai.translation_provider_preferences']" @change="saveChanges">
+			<VueDraggable v-model="settings['ai.translation_provider_preferences']" @change="saveChanges">
 				<div v-for="(providerClass, i) in settings['ai.translation_provider_preferences']" :key="providerClass" class="draggable__item">
 					<DragVerticalIcon /> <span class="draggable__number">{{ i + 1 }}</span> {{ translationProviders.find(p => p.class === providerClass)?.name }}
 					<NcButton aria-label="Move up" variant="tertiary" @click="moveUp(i)">
@ -63,7 +63,7 @@
 						</template>
 					</NcButton>
 				</div>
-			</draggable>
+			</VueDraggable>
 		</NcSettingsSection>
 		<NcSettingsSection
 			:name="t('settings', 'Image generation')"
@ -124,7 +124,7 @@ import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
 import { generateUrl } from '@nextcloud/router'
 import { nextTick } from 'vue'
-import draggable from 'vuedraggable'
+import VueDraggable from 'vuedraggable'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
@ -141,7 +141,7 @@ export default {
 		NcCheckboxRadioSwitch,
 		NcSettingsSection,
 		NcSelect,
-		draggable,
+		VueDraggable,
 		DragVerticalIcon,
 		ArrowDownIcon,
 		ArrowUpIcon,
--- a/apps/theming/src/components/AdminSectionAppMenu.vue
+++ b/apps/theming/src/components/AdminSectionAppMenu.vue
@ -78,7 +78,7 @@ async function saveSetting(key: string, value: unknown) {
 			</h4>
 			<NcSelect
 				v-model="selectedApps"
-				keep-open
+				keepOpen
 				multiple
 				:placeholder="t('theming', 'Global default apps')"
 				:options="allApps" />
--- a/apps/theming/src/components/AdminSectionTheming.vue
+++ b/apps/theming/src/components/AdminSectionTheming.vue
@ -18,40 +18,40 @@ const ADMIN_INFO = loadState<AdminThemingInfo>('theming', 'adminThemingInfo')
 	<NcSettingsSection
 		:name="t('theming', 'Theming')"
 		:description="t('theming', 'Theming makes it possible to easily customize the look and feel of your instance and supported clients. This will be visible for all users.')"
-		:doc-url="ADMIN_INFO.docUrl"
+		:docUrl="ADMIN_INFO.docUrl"
 		data-admin-theming-settings>
 		<div :class="$style.adminSectionTheming">
 			<!-- Name, web link, slogan... fields -->
 			<TextField
 				name="name"
 				:label="t('theming', 'Name')"
-				default-value="Nextcloud"
+				defaultValue="Nextcloud"
 				maxlength="250" />
 			<TextField
 				name="url"
 				:label="t('theming', 'Web link')"
-				default-value="https://nextcloud.com"
+				defaultValue="https://nextcloud.com"
 				placeholder="https://…"
 				type="url"
 				maxlength="500" />
 			<TextField
 				name="slogan"
 				:label="t('theming', 'Slogan')"
-				:default-value="t('settings', 'a safe home for all your data')"
+				:defaultValue="t('settings', 'a safe home for all your data')"
 				maxlength="500" />
 			<hr>

 			<TextField
 				name="legalNoticeUrl"
 				:label="t('theming', 'Legal notice link')"
-				default-value=""
+				defaultValue=""
 				type="url"
 				placeholder="https://…"
 				maxlength="500" />
 			<TextField
 				name="privacyPolicyUrl"
 				:label="t('theming', 'Privacy policy link')"
-				default-value=""
+				defaultValue=""
 				type="url"
 				placeholder="https://…"
 				maxlength="500" />
--- a/apps/theming/src/components/AdminSectionThemingAdvanced.vue
+++ b/apps/theming/src/components/AdminSectionThemingAdvanced.vue
@ -72,7 +72,7 @@ async function toggleBackground(value: boolean) {
 			<ColorPickerField
 				name="primaryColor"
 				:label="t('theming', 'Primary color')"
-				default-value="#00679e"
+				defaultValue="#00679e"
 				@updated="refreshStyles">
 				<template #description>
 					{{ t('theming', 'Set the default primary color, used to highlight important elements.') }}
@ -83,7 +83,7 @@ async function toggleBackground(value: boolean) {
 			<ColorPickerField
 				name="backgroundColor"
 				:label="t('theming', 'Background color')"
-				:default-value="defaultBackgroundColor"
+				:defaultValue="defaultBackgroundColor"
 				@updated="refreshStyles">
 				<template #description>
 					{{ t('theming', 'When no background image is set the background color will be used.') }}
--- a/apps/theming/src/components/AppOrderSelector.vue
+++ b/apps/theming/src/components/AppOrderSelector.vue
@ -151,8 +151,8 @@ function updateStatusInfo(index: number) {
 			:app="app"
 			:aria-details="ariaDetails"
 			:aria-describedby="statusInfoId"
-			:is-first="index === 0 || !!appList[index - 1]!.default"
-			:is-last="index === appList.length - 1"
+			:isFirst="index === 0 || !!appList[index - 1]!.default"
+			:isLast="index === appList.length - 1"
 			v-on="app.default
 				? {}
 				: {
--- a/apps/theming/src/components/UserSectionAppMenu.vue
+++ b/apps/theming/src/components/UserSectionAppMenu.vue
@ -144,8 +144,8 @@ async function saveSetting(key: string, value: unknown) {
 		<AppOrderSelector
 			:class="$style.userSectionAppMenu__selector"
 			:aria-details="ariaDetailsAppOrder"
-			:model-value="appOrder"
-			@update:model-value="updateAppOrder" />
+			:modelValue="appOrder"
+			@update:modelValue="updateAppOrder" />

 		<NcButton
 			data-test-id="btn-apporder-reset"
--- a/apps/theming/src/components/admin/ColorPickerField.vue
+++ b/apps/theming/src/components/admin/ColorPickerField.vue
@ -50,7 +50,7 @@ const textColor = computed(() => getTextColor(previewColor.value))
 			<NcColorPicker
 				:id
 				v-model="previewColor"
-				advanced-fields
+				advancedFields
 				@submit="modelValue = $event!">
 				<NcButton
 					:class="$style.colorPickerField__button"
--- a/apps/theming/src/components/admin/TextField.vue
+++ b/apps/theming/src/components/admin/TextField.vue
@ -51,9 +51,9 @@ watchDebounced(modelValue, (value) => {
 		:readonly="isSaving"
 		:success="isSaved"
 		:type
-		:show-trailing-button="modelValue !== defaultValue"
-		:trailing-button-icon="defaultValue ? 'undo' : 'close'"
-		@trailing-button-click="reset">
+		:showTrailingButton="modelValue !== defaultValue"
+		:trailingButtonIcon="defaultValue ? 'undo' : 'close'"
+		@trailingButtonClick="reset">
 		<template v-if="isSaving" #icon>
 			<NcLoadingIcon />
 		</template>
--- a/apps/theming/src/views/AdminTheming.vue
+++ b/apps/theming/src/views/AdminTheming.vue
@ -7,7 +7,7 @@
 	<NcNoteCard
 		v-if="!isThemeable"
 		:text="notThemeableErrorMessage"
-		show-alert
+		showAlert
 		type="error" />
 	<template v-else>
 		<AdminSectionTheming />
--- a/apps/theming/src/views/UserTheming.vue
+++ b/apps/theming/src/views/UserTheming.vue
@ -38,9 +38,9 @@
 		<h3>{{ t('theming', 'Misc accessibility options') }}</h3>
 		<NcCheckboxRadioSwitch
 			type="checkbox"
-			:model-value="enableBlurFilter === 'yes'"
+			:modelValue="enableBlurFilter === 'yes'"
 			:indeterminate="enableBlurFilter === ''"
-			@update:model-value="changeEnableBlurFilter">
+			@update:modelValue="changeEnableBlurFilter">
 			{{ t('theming', 'Enable blur background filter (may increase GPU load)') }}
 		</NcCheckboxRadioSwitch>
 	</NcSettingsSection>
@ -50,8 +50,8 @@
 	</NcNoteCard>

 	<template v-else>
-		<UserSectionPrimaryColor ref="primaryColor" @refresh-styles="refreshGlobalStyles" />
-		<UserSectionBackground @refresh-styles="refreshGlobalStyles" />
+		<UserSectionPrimaryColor ref="primaryColor" @refreshStyles="refreshGlobalStyles" />
+		<UserSectionBackground @refreshStyles="refreshGlobalStyles" />
 	</template>

 	<UserSectionHotkeys />
--- a/apps/user_ldap/src/components/SettingsTabs/AdvancedTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/AdvancedTab.vue
@ -10,36 +10,36 @@
 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Backup (Replica) Host')"
-				:model-value="ldapConfigProxy.ldapBackupHost"
-				:helper-text="t('user_ldap', 'Give an optional backup host. It must be a replica of the main LDAP/AD server.')"
+				:modelValue="ldapConfigProxy.ldapBackupHost"
+				:helperText="t('user_ldap', 'Give an optional backup host. It must be a replica of the main LDAP/AD server.')"
 				@change="(event) => ldapConfigProxy.ldapBackupHost = event.target.value" />

 			<NcTextField
 				type="number"
-				:model-value="ldapConfigProxy.ldapBackupPort"
+				:modelValue="ldapConfigProxy.ldapBackupPort"
 				:label="t('user_ldap', 'Backup (Replica) Port')"
 				@change="(event) => ldapConfigProxy.ldapBackupPort = event.target.value" />

 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.ldapOverrideMainServer === '1'"
+				:modelValue="ldapConfigProxy.ldapOverrideMainServer === '1'"
 				type="switch"
 				:aria-label="t('user_ldap', 'Only connect to the replica server.')"
-				@update:model-value="ldapConfigProxy.ldapOverrideMainServer = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.ldapOverrideMainServer = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Disable Main Server') }}
 			</NcCheckboxRadioSwitch>

 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.turnOffCertCheck === '1'"
+				:modelValue="ldapConfigProxy.turnOffCertCheck === '1'"
 				:aria-label="t('user_ldap', 'Not recommended, use it for testing only! If connection only works with this option, import the LDAP server\'s SSL certificate in your {instanceName} server.', { instanceName })"
-				@update:model-value="ldapConfigProxy.turnOffCertCheck = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.turnOffCertCheck = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Turn off SSL certificate validation.') }}
 			</NcCheckboxRadioSwitch>

 			<NcTextField
 				type="number"
 				:label="t('user_ldap', 'Cache Time-To-Live')"
-				:model-value="ldapConfigProxy.ldapCacheTTL"
-				:helper-text="t('user_ldap', 'in seconds. A change empties the cache.')"
+				:modelValue="ldapConfigProxy.ldapCacheTTL"
+				:helperText="t('user_ldap', 'in seconds. A change empties the cache.')"
 				@change="(event) => ldapConfigProxy.ldapCacheTTL = event.target.value" />
 		</details>

@ -48,52 +48,52 @@

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapUserDisplayName"
+				:modelValue="ldapConfigProxy.ldapUserDisplayName"
 				:label="t('user_ldap', 'User Display Name Field')"
-				:helper-text="t('user_ldap', 'The LDAP attribute to use to generate the user\'s display name.')"
+				:helperText="t('user_ldap', 'The LDAP attribute to use to generate the user\'s display name.')"
 				@change="(event) => ldapConfigProxy.ldapUserDisplayName = event.target.value" />

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapUserDisplayName2"
+				:modelValue="ldapConfigProxy.ldapUserDisplayName2"
 				:label="t('user_ldap', '2nd User Display Name Field')"
-				:helper-text="t('user_ldap', 'Optional. An LDAP attribute to be added to the display name in brackets. Results in e.g. »John Doe (john.doe@example.org)«.')"
+				:helperText="t('user_ldap', 'Optional. An LDAP attribute to be added to the display name in brackets. Results in e.g. »John Doe (john.doe@example.org)«.')"
 				@change="(event) => ldapConfigProxy.ldapUserDisplayName2 = event.target.value" />

 			<NcTextArea
-				:model-value="ldapConfigProxy.ldapBaseUsers"
+				:modelValue="ldapConfigProxy.ldapBaseUsers"
 				:placeholder="t('user_ldap', 'One User Base DN per line')"
 				:label="t('user_ldap', 'Base User Tree')"
 				@change="(event) => ldapConfigProxy.ldapBaseUsers = event.target.value" />

 			<NcTextArea
-				:model-value="ldapConfigProxy.ldapAttributesForUserSearch"
+				:modelValue="ldapConfigProxy.ldapAttributesForUserSearch"
 				:placeholder="t('user_ldap', 'Optional; one attribute per line')"
 				:label="t('user_ldap', 'User Search Attributes')"
 				@change="(event) => ldapConfigProxy.ldapAttributesForUserSearch = event.target.value" />

 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.markRemnantsAsDisabled === '1'"
+				:modelValue="ldapConfigProxy.markRemnantsAsDisabled === '1'"
 				:aria-label="t('user_ldap', 'When switched on, users imported from LDAP which are then missing will be disabled')"
-				@update:model-value="ldapConfigProxy.markRemnantsAsDisabled = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.markRemnantsAsDisabled = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Disable users missing from LDAP') }}
 			</NcCheckboxRadioSwitch>

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapGroupDisplayName"
+				:modelValue="ldapConfigProxy.ldapGroupDisplayName"
 				:label="t('user_ldap', 'Group Display Name Field')"
 				:title="t('user_ldap', 'The LDAP attribute to use to generate the groups\'s display name.')"
 				@change="(event) => ldapConfigProxy.ldapGroupDisplayName = event.target.value" />

 			<NcTextArea
-				:model-value="ldapConfigProxy.ldapBaseGroups"
+				:modelValue="ldapConfigProxy.ldapBaseGroups"
 				:placeholder="t('user_ldap', 'One Group Base DN per line')"
 				:label="t('user_ldap', 'Base Group Tree')"
 				@change="(event) => ldapConfigProxy.ldapBaseGroups = event.target.value" />

 			<NcTextArea
-				:model-value="ldapConfigProxy.ldapAttributesForGroupSearch"
+				:modelValue="ldapConfigProxy.ldapAttributesForGroupSearch"
 				:placeholder="t('user_ldap', 'Optional; one attribute per line')"
 				:label="t('user_ldap', 'Group Search Attributes')"
 				@change="(event) => ldapConfigProxy.ldapAttributesForGroupSearch = event.target.value" />
@ -101,7 +101,7 @@
 			<NcSelect
 				v-model="ldapConfigProxy.ldapGroupMemberAssocAttr"
 				:options="Object.keys(groupMemberAssociation)"
-				:input-label="t('user_ldap', 'Group-Member association')">
+				:inputLabel="t('user_ldap', 'Group-Member association')">
 				<template #option="{ label: configId }">
 					{{ groupMemberAssociation[configId] }}
 				</template>
@ -113,28 +113,28 @@
 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Dynamic Group Member URL')"
-				:model-value="ldapConfigProxy.ldapDynamicGroupMemberURL"
-				:helper-text="t('user_ldap', 'The LDAP attribute that on group objects contains an LDAP search URL that determines what objects belong to the group. (An empty setting disables dynamic group membership functionality.)')"
+				:modelValue="ldapConfigProxy.ldapDynamicGroupMemberURL"
+				:helperText="t('user_ldap', 'The LDAP attribute that on group objects contains an LDAP search URL that determines what objects belong to the group. (An empty setting disables dynamic group membership functionality.)')"
 				@change="(event) => ldapConfigProxy.ldapDynamicGroupMemberURL = event.target.value" />

 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.ldapNestedGroups === '1'"
+				:modelValue="ldapConfigProxy.ldapNestedGroups === '1'"
 				:aria-label="t('user_ldap', 'When switched on, groups that contain groups are supported. (Only works if the group member attribute contains DNs.)')"
-				@update:model-value="ldapConfigProxy.ldapNestedGroups = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.ldapNestedGroups = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Nested Groups') }}
 			</NcCheckboxRadioSwitch>

 			<NcTextField
 				type="number"
 				:label="t('user_ldap', 'Paging chunksize')"
-				:model-value="ldapConfigProxy.ldapPagingSize"
-				:helper-text="t('user_ldap', 'Chunksize used for paged LDAP searches that may return bulky results like user or group enumeration. (Setting it 0 disables paged LDAP searches in those situations.)')"
+				:modelValue="ldapConfigProxy.ldapPagingSize"
+				:helperText="t('user_ldap', 'Chunksize used for paged LDAP searches that may return bulky results like user or group enumeration. (Setting it 0 disables paged LDAP searches in those situations.)')"
 				@change="(event) => ldapConfigProxy.ldapPagingSize = event.target.value" />

 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.turnOnPasswordChange === '1'"
+				:modelValue="ldapConfigProxy.turnOnPasswordChange === '1'"
 				:aria-label="t('user_ldap', 'Allow LDAP users to change their password and allow Super Administrators and Group Administrators to change the password of their LDAP users. Only works when access control policies are configured accordingly on the LDAP server. As passwords are sent in plaintext to the LDAP server, transport encryption must be used and password hashing should be configured on the LDAP server.')"
-				@update:model-value="ldapConfigProxy.turnOnPasswordChange = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.turnOnPasswordChange = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Enable LDAP password changes per user') }}
 			</NcCheckboxRadioSwitch>
 			<span class="tablecell">
@ -144,8 +144,8 @@
 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Default password policy DN')"
-				:model-value="ldapConfigProxy.ldapDefaultPPolicyDN"
-				:helper-text="t('user_ldap', 'The DN of a default password policy that will be used for password expiry handling. Works only when LDAP password changes per user are enabled and is only supported by OpenLDAP. Leave empty to disable password expiry handling.')"
+				:modelValue="ldapConfigProxy.ldapDefaultPPolicyDN"
+				:helperText="t('user_ldap', 'The DN of a default password policy that will be used for password expiry handling. Works only when LDAP password changes per user are enabled and is only supported by OpenLDAP. Leave empty to disable password expiry handling.')"
 				@change="(event) => ldapConfigProxy.ldapDefaultPPolicyDN = event.target.value" />
 		</details>

@ -154,37 +154,37 @@

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapQuotaAttribute"
+				:modelValue="ldapConfigProxy.ldapQuotaAttribute"
 				:label="t('user_ldap', 'Quota Field')"
-				:helper-text="t('user_ldap', 'Leave empty for user\'s default quota. Otherwise, specify an LDAP/AD attribute.')"
+				:helperText="t('user_ldap', 'Leave empty for user\'s default quota. Otherwise, specify an LDAP/AD attribute.')"
 				@change="(event) => ldapConfigProxy.ldapQuotaAttribute = event.target.value" />

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapQuotaDefault"
+				:modelValue="ldapConfigProxy.ldapQuotaDefault"
 				:label="t('user_ldap', 'Quota Default')"
-				:helper-text="t('user_ldap', 'Override default quota for LDAP users who do not have a quota set in the Quota Field.')"
+				:helperText="t('user_ldap', 'Override default quota for LDAP users who do not have a quota set in the Quota Field.')"
 				@change="(event) => ldapConfigProxy.ldapQuotaDefault = event.target.value" />

 			<NcTextField
 				autocomplete="off"
-				:model-value="ldapConfigProxy.ldapEmailAttribute"
+				:modelValue="ldapConfigProxy.ldapEmailAttribute"
 				:label="t('user_ldap', 'Email Field')"
-				:helper-text="t('user_ldap', 'Set the user\'s email from their LDAP attribute. Leave it empty for default behaviour.')"
+				:helperText="t('user_ldap', 'Set the user\'s email from their LDAP attribute. Leave it empty for default behaviour.')"
 				@change="(event) => ldapConfigProxy.ldapEmailAttribute = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'User Home Folder Naming Rule')"
-				:model-value="ldapConfigProxy.homeFolderNamingRule"
-				:helper-text="t('user_ldap', 'Leave empty for username (default). Otherwise, specify an LDAP/AD attribute.')"
+				:modelValue="ldapConfigProxy.homeFolderNamingRule"
+				:helperText="t('user_ldap', 'Leave empty for username (default). Otherwise, specify an LDAP/AD attribute.')"
 				@change="(event) => ldapConfigProxy.homeFolderNamingRule = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', '`$home` Placeholder Field')"
-				:model-value="ldapConfigProxy.ldapExtStorageHomeAttribute"
-				:helper-text="t('user_ldap', '$home in an external storage configuration will be replaced with the value of the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapExtStorageHomeAttribute"
+				:helperText="t('user_ldap', '$home in an external storage configuration will be replaced with the value of the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapExtStorageHomeAttribute = event.target.value" />
 		</details>

@ -194,71 +194,71 @@
 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Phone Field')"
-				:model-value="ldapConfigProxy.ldapAttributePhone"
-				:helper-text="t('user_ldap', 'User profile Phone will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributePhone"
+				:helperText="t('user_ldap', 'User profile Phone will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributePhone = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Website Field')"
-				:model-value="ldapConfigProxy.ldapAttributeWebsite"
-				:helper-text="t('user_ldap', 'User profile Website will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeWebsite"
+				:helperText="t('user_ldap', 'User profile Website will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeWebsite = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Address Field')"
-				:model-value="ldapConfigProxy.ldapAttributeAddress"
-				:helper-text="t('user_ldap', 'User profile Address will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeAddress"
+				:helperText="t('user_ldap', 'User profile Address will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeAddress = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Twitter Field')"
-				:model-value="ldapConfigProxy.ldapAttributeTwitter"
-				:helper-text="t('user_ldap', 'User profile Twitter will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeTwitter"
+				:helperText="t('user_ldap', 'User profile Twitter will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeTwitter = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Fediverse Field')"
-				:model-value="ldapConfigProxy.ldapAttributeFediverse"
-				:helper-text="t('user_ldap', 'User profile Fediverse will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeFediverse"
+				:helperText="t('user_ldap', 'User profile Fediverse will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeFediverse = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Organisation Field')"
-				:model-value="ldapConfigProxy.ldapAttributeOrganisation"
-				:helper-text="t('user_ldap', 'User profile Organisation will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeOrganisation"
+				:helperText="t('user_ldap', 'User profile Organisation will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeOrganisation = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Role Field')"
-				:model-value="ldapConfigProxy.ldapAttributeRole"
-				:helper-text="t('user_ldap', 'User profile Role will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeRole"
+				:helperText="t('user_ldap', 'User profile Role will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeRole = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Headline Field')"
-				:model-value="ldapConfigProxy.ldapAttributeHeadline"
-				:helper-text="t('user_ldap', 'User profile Headline will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeHeadline"
+				:helperText="t('user_ldap', 'User profile Headline will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeHeadline = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Biography Field')"
-				:model-value="ldapConfigProxy.ldapAttributeBiography"
-				:helper-text="t('user_ldap', 'User profile Biography will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeBiography"
+				:helperText="t('user_ldap', 'User profile Biography will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeBiography = event.target.value" />

 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'Birthdate Field')"
-				:model-value="ldapConfigProxy.ldapAttributeBirthDate"
-				:helper-text="t('user_ldap', 'User profile Date of birth will be set from the specified attribute')"
+				:modelValue="ldapConfigProxy.ldapAttributeBirthDate"
+				:helperText="t('user_ldap', 'User profile Date of birth will be set from the specified attribute')"
 				@change="(event) => ldapConfigProxy.ldapAttributeBirthDate = event.target.value" />
 		</details>
 	</fieldset>
--- a/apps/user_ldap/src/components/SettingsTabs/ExpertTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/ExpertTab.vue
@ -13,7 +13,7 @@
 				aria-describedby="ldap_expert_username_attr"
 				autocomplete="off"
 				:label="t('user_ldap', 'Internal Username Attribute:')"
-				:model-value="ldapConfigProxy.ldapExpertUsernameAttr"
+				:modelValue="ldapConfigProxy.ldapExpertUsernameAttr"
 				@change="(event) => ldapConfigProxy.ldapExpertUsernameAttr = event.target.value" />
 		</div>

@ -26,12 +26,12 @@
 				aria-describedby="ldap_expert_uuid_user_attr"
 				autocomplete="off"
 				:label="t('user_ldap', 'UUID Attribute for Users')"
-				:model-value="ldapConfigProxy.ldapExpertUUIDUserAttr"
+				:modelValue="ldapConfigProxy.ldapExpertUUIDUserAttr"
 				@change="(event) => ldapConfigProxy.ldapExpertUUIDUserAttr = event.target.value" />
 			<NcTextField
 				autocomplete="off"
 				:label="t('user_ldap', 'UUID Attribute for Groups')"
-				:model-value="ldapConfigProxy.ldapExpertUUIDGroupAttr"
+				:modelValue="ldapConfigProxy.ldapExpertUUIDGroupAttr"
 				@change="(event) => ldapConfigProxy.ldapExpertUUIDGroupAttr = event.target.value" />
 		</div>
 	</fieldset>
--- a/apps/user_ldap/src/components/SettingsTabs/GroupsTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/GroupsTab.vue
@ -14,7 +14,7 @@
 				class="ldap-wizard__groups__group-filter-groups__select"
 				:options="groupObjectClasses"
 				:disabled="ldapConfigProxy.ldapGroupFilterMode === '1'"
-				:input-label="t('user_ldap', 'Only these object classes:')"
+				:inputLabel="t('user_ldap', 'Only these object classes:')"
 				:multiple="true" />

 			<NcSelect
@ -22,14 +22,14 @@
 				class="ldap-wizard__groups__group-filter-groups__select"
 				:options="groupGroups"
 				:disabled="ldapConfigProxy.ldapGroupFilterMode === '1'"
-				:input-label="t('user_ldap', 'Only from these groups:')"
+				:inputLabel="t('user_ldap', 'Only from these groups:')"
 				:multiple="true" />
 		</div>

 		<div class="ldap-wizard__groups__line ldap-wizard__groups__groups-filter">
 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.ldapGroupFilterMode === '1'"
-				@update:model-value="toggleFilterMode">
+				:modelValue="ldapConfigProxy.ldapGroupFilterMode === '1'"
+				@update:modelValue="toggleFilterMode">
 				{{ t('user_ldap', 'Edit LDAP Query') }}
 			</NcCheckboxRadioSwitch>

@ -37,7 +37,7 @@
 				<NcTextArea
 					v-model="ldapConfigProxy.ldapGroupFilter"
 					:placeholder="t('user_ldap', 'Edit LDAP Query')"
-					:helper-text="t('user_ldap', 'The filter specifies which LDAP groups shall have access to the {instanceName} instance.', { instanceName })" />
+					:helperText="t('user_ldap', 'The filter specifies which LDAP groups shall have access to the {instanceName} instance.', { instanceName })" />
 			</div>
 			<div v-else>
 				<span>{{ t('user_ldap', 'LDAP Filter:') }}</span>
--- a/apps/user_ldap/src/components/SettingsTabs/LoginTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/LoginTab.vue
@ -9,41 +9,41 @@
 		</legend>

 		<NcCheckboxRadioSwitch
-			:model-value="ldapConfigProxy.ldapLoginFilterUsername === '1'"
+			:modelValue="ldapConfigProxy.ldapLoginFilterUsername === '1'"
 			:description="t('user_ldap', 'Allows login against the LDAP/AD username, which is either \'uid\' or \'sAMAccountName\' and will be detected.')"
-			@update:model-value="ldapConfigProxy.ldapLoginFilterUsername = $event ? '1' : '0'">
+			@update:modelValue="ldapConfigProxy.ldapLoginFilterUsername = $event ? '1' : '0'">
 			{{ t('user_ldap', 'LDAP/AD Username:') }}
 		</NcCheckboxRadioSwitch>

 		<NcCheckboxRadioSwitch
-			:model-value="ldapConfigProxy.ldapLoginFilterEmail === '1'"
+			:modelValue="ldapConfigProxy.ldapLoginFilterEmail === '1'"
 			:description="t('user_ldap', 'Allows login against an email attribute. \'mail\' and \'mailPrimaryAddress\' allowed.')"
-			@update:model-value="ldapConfigProxy.ldapLoginFilterEmail = $event ? '1' : '0'">
+			@update:modelValue="ldapConfigProxy.ldapLoginFilterEmail = $event ? '1' : '0'">
 			{{ t('user_ldap', 'LDAP/AD Email Address:') }}
 		</NcCheckboxRadioSwitch>

 		<div class="ldap-wizard__login__line ldap-wizard__login__login-attributes">
 			<NcSelect
 				v-model="ldapLoginFilterAttributes"
-				keep-open
+				keepOpen
 				:disabled="ldapLoginFilterMode"
 				:options="filteredLoginFilterOptions"
-				:input-label="t('user_ldap', 'Other Attributes:')"
+				:inputLabel="t('user_ldap', 'Other Attributes:')"
 				:multiple="true" />
 		</div>

 		<div class="ldap-wizard__login__line ldap-wizard__login__user-login-filter">
 			<NcCheckboxRadioSwitch
-				:model-value="ldapLoginFilterMode"
-				@update:model-value="toggleFilterMode">
+				:modelValue="ldapLoginFilterMode"
+				@update:modelValue="toggleFilterMode">
 				{{ t('user_ldap', 'Edit LDAP Query') }}
 			</NcCheckboxRadioSwitch>

 			<NcTextArea
 				v-if="ldapLoginFilterMode"
-				:model-value="ldapConfigProxy.ldapLoginFilter"
+				:modelValue="ldapConfigProxy.ldapLoginFilter"
 				:placeholder="t('user_ldap', 'Edit LDAP Query')"
-				:helper-text="t('user_ldap', 'Defines the filter to apply, when login is attempted. `%%uid` replaces the username in the login action. Example: `uid=%%uid`')"
+				:helperText="t('user_ldap', 'Defines the filter to apply, when login is attempted. `%%uid` replaces the username in the login action. Example: `uid=%%uid`')"
 				@change="(event) => ldapConfigProxy.ldapLoginFilter = event.target.value" />
 			<div v-else>
 				<span>{{ t('user_ldap', 'LDAP Filter:') }}</span>
@ -54,7 +54,7 @@
 		<div class="ldap-wizard__login__line">
 			<NcTextField
 				v-model="testUsername"
-				:helper-text="t('user_ldap', 'Attempts to receive a DN for the given login name and the current login filter')"
+				:helperText="t('user_ldap', 'Attempts to receive a DN for the given login name and the current login filter')"
 				:label="t('user_ldap', 'Test Login name')"
 				autocomplete="off" />

--- a/apps/user_ldap/src/components/SettingsTabs/ServerTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/ServerTab.vue
@ -6,10 +6,10 @@
 	<fieldset class="ldap-wizard__server">
 		<div class="ldap-wizard__server__line">
 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.ldapConfigurationActive === '1'"
+				:modelValue="ldapConfigProxy.ldapConfigurationActive === '1'"
 				type="switch"
 				:aria-label="t('user_ldap', 'When unchecked, this configuration will be skipped.')"
-				@update:model-value="ldapConfigProxy.ldapConfigurationActive = $event ? '1' : '0'">
+				@update:modelValue="ldapConfigProxy.ldapConfigurationActive = $event ? '1' : '0'">
 				{{ t('user_ldap', 'Configuration active') }}
 			</NcCheckboxRadioSwitch>

@ -33,15 +33,15 @@

 		<div class="ldap-wizard__server__line">
 			<NcTextField
-				:model-value="ldapConfigProxy.ldapHost"
-				:helper-text="t('user_ldap', 'You can omit the protocol, unless you require SSL. If so, start with ldaps://')"
+				:modelValue="ldapConfigProxy.ldapHost"
+				:helperText="t('user_ldap', 'You can omit the protocol, unless you require SSL. If so, start with ldaps://')"
 				:label="t('user_ldap', 'Host')"
 				placeholder="ldaps://localhost"
 				autocomplete="off"
 				@change="(event) => ldapConfigProxy.ldapHost = event.target.value" />
 			<div class="ldap-wizard__server__host__port">
 				<NcTextField
-					:model-value="ldapConfigProxy.ldapPort"
+					:modelValue="ldapConfigProxy.ldapPort"
 					:label="t('user_ldap', 'Port')"
 					placeholder="389"
 					type="number"
@ -56,7 +56,7 @@
 		<div class="ldap-wizard__server__line">
 			<NcTextField
 				v-model="localLdapAgentName"
-				:helper-text="t('user_ldap', 'The DN of the client user with which the bind shall be done. For anonymous access, leave DN and Password empty.')"
+				:helperText="t('user_ldap', 'The DN of the client user with which the bind shall be done. For anonymous access, leave DN and Password empty.')"
 				:label="t('user_ldap', 'User DN')"
 				placeholder="uid=agent,dc=example,dc=com"
 				autocomplete="off" />
@ -66,7 +66,7 @@
 			<NcTextField
 				v-model="localLdapAgentPassword"
 				type="password"
-				:helper-text="t('user_ldap', 'For anonymous access, leave DN and Password empty.')"
+				:helperText="t('user_ldap', 'For anonymous access, leave DN and Password empty.')"
 				:label="t('user_ldap', 'Password')"
 				autocomplete="off" />

@ -78,9 +78,9 @@
 		<div class="ldap-wizard__server__line">
 			<NcTextArea
 				:label="t('user_ldap', 'Base DN')"
-				:model-value="ldapConfigProxy.ldapBase"
+				:modelValue="ldapConfigProxy.ldapBase"
 				:placeholder="t('user_ldap', 'One Base DN per line')"
-				:helper-text="t('user_ldap', 'You can specify Base DN for users and groups in the Advanced tab')"
+				:helperText="t('user_ldap', 'You can specify Base DN for users and groups in the Advanced tab')"
 				@change="(event) => ldapConfigProxy.ldapBase = event.target.value" />

 			<NcButton :disabled="loadingGuessBaseDN || needsToSaveCredentials" @click="guessBaseDN">
--- a/apps/user_ldap/src/components/SettingsTabs/UsersTab.vue
+++ b/apps/user_ldap/src/components/SettingsTabs/UsersTab.vue
@ -12,7 +12,7 @@
 				:disabled="ldapConfigProxy.ldapUserFilterMode === '1'"
 				class="ldap-wizard__users__user-filter-object-class__select"
 				:options="userObjectClasses"
-				:input-label="t('user_ldap', 'Only these object classes:')"
+				:inputLabel="t('user_ldap', 'Only these object classes:')"
 				:multiple="true" />
 			{{ t('user_ldap', 'The most common object classes for users are organizationalPerson, person, user, and inetOrgPerson. If you are not sure which object class to select, please consult your directory admin.') }}
 		</div>
@ -23,14 +23,14 @@
 				class="ldap-wizard__users__user-filter-groups__select"
 				:disabled="ldapConfigProxy.ldapUserFilterMode === '1'"
 				:options="userGroups"
-				:input-label="t('user_ldap', 'Only from these groups:')"
+				:inputLabel="t('user_ldap', 'Only from these groups:')"
 				:multiple="true" />
 		</div>

 		<div class="ldap-wizard__users__line ldap-wizard__users__user-filter">
 			<NcCheckboxRadioSwitch
-				:model-value="ldapConfigProxy.ldapUserFilterMode === '1'"
-				@update:model-value="toggleFilterMode">
+				:modelValue="ldapConfigProxy.ldapUserFilterMode === '1'"
+				@update:modelValue="toggleFilterMode">
 				{{ t('user_ldap', 'Edit LDAP Query') }}
 			</NcCheckboxRadioSwitch>

@ -38,7 +38,7 @@
 				<NcTextArea
 					v-model="ldapConfigProxy.ldapUserFilter"
 					:placeholder="t('user_ldap', 'Edit LDAP Query')"
-					:helper-text="t('user_ldap', 'The filter specifies which LDAP users shall have access to the {instanceName} instance.', { instanceName })" />
+					:helperText="t('user_ldap', 'The filter specifies which LDAP users shall have access to the {instanceName} instance.', { instanceName })" />
 			</div>
 			<div v-else>
 				<label>{{ t('user_ldap', 'LDAP Filter:') }}</label>
--- a/apps/user_ldap/src/views/LDAPSettingsApp.vue
+++ b/apps/user_ldap/src/views/LDAPSettingsApp.vue
@ -17,7 +17,7 @@
 					v-if="selectedConfigId !== undefined"
 					v-model="selectedConfigId"
 					:options="Object.keys(ldapConfigs)"
-					:input-label="t('user_ldap', 'Select LDAP Config')">
+					:inputLabel="t('user_ldap', 'Select LDAP Config')">
 					<template #option="{ label: configId }">
 						{{ `${configId}: ${ldapConfigs[configId]?.ldapHost ?? ''}` }}
 					</template>
@ -43,24 +43,24 @@
 							v-for="(tabLabel, tabId) in tabs"
 							:key="tabId"
 							v-model="selectedTab"
-							:button-variant="true"
+							:buttonVariant="true"
 							:value="tabId"
 							type="radio"
 							:disabled="tabId !== 'server' && !selectedConfigHasServerInfo"
-							button-variant-grouped="horizontal">
+							buttonVariantGrouped="horizontal">
 							{{ tabLabel }}
 						</NcCheckboxRadioSwitch>
 					</div>
 				</div>

-				<ServerTab v-if="selectedTab === 'server'" :config-id="selectedConfigId" />
-				<UsersTab v-else-if="selectedTab === 'users'" :config-id="selectedConfigId" />
-				<LoginTab v-else-if="selectedTab === 'login'" :config-id="selectedConfigId" />
-				<GroupsTab v-else-if="selectedTab === 'groups'" :config-id="selectedConfigId" />
-				<ExpertTab v-else-if="selectedTab === 'expert'" :config-id="selectedConfigId" />
-				<AdvancedTab v-else-if="selectedTab === 'advanced'" :config-id="selectedConfigId" />
+				<ServerTab v-if="selectedTab === 'server'" :configId="selectedConfigId" />
+				<UsersTab v-else-if="selectedTab === 'users'" :configId="selectedConfigId" />
+				<LoginTab v-else-if="selectedTab === 'login'" :configId="selectedConfigId" />
+				<GroupsTab v-else-if="selectedTab === 'groups'" :configId="selectedConfigId" />
+				<ExpertTab v-else-if="selectedTab === 'expert'" :configId="selectedConfigId" />
+				<AdvancedTab v-else-if="selectedTab === 'advanced'" :configId="selectedConfigId" />

-				<WizardControls class="ldap-wizard__controls" :config-id="selectedConfigId" />
+				<WizardControls class="ldap-wizard__controls" :configId="selectedConfigId" />
 			</div>

 			<div class="ldap-wizard__clear-mapping">
--- a/apps/user_ldap/src/views/RenewPassword.vue
+++ b/apps/user_ldap/src/views/RenewPassword.vue
@ -58,7 +58,7 @@ function onSubmit() {
 				autocomplete="off"
 				autocapitalize="off"
 				:error="hasInvalidPassword"
-				:helper-text="hasInvalidPassword ? t('user_ldap', 'Wrong password.') : ''"
+				:helperText="hasInvalidPassword ? t('user_ldap', 'Wrong password.') : ''"
 				:label="t('user_ldap', 'Current password')"
 				required
 				spellcheck="false"
--- a/apps/user_status/src/components/ClearAtSelect.vue
+++ b/apps/user_status/src/components/ClearAtSelect.vue
@ -9,13 +9,13 @@
 			{{ t('user_status', 'Clear status after') }}
 		</label>
 		<NcSelect
-			input-id="clearStatus"
+			inputId="clearStatus"
 			class="clear-at-select__select"
 			:options="options"
-			:model-value="option"
+			:modelValue="option"
 			:clearable="false"
 			placement="top"
-			label-outside
+			labelOutside
 			@option:selected="select" />
 	</div>
 </template>
--- a/apps/user_status/src/components/CustomMessageInput.vue
+++ b/apps/user_status/src/components/CustomMessageInput.vue
@ -19,10 +19,10 @@
 				maxlength="80"
 				:disabled="disabled"
 				:placeholder="t('user_status', 'What is your status?')"
-				:model-value="message"
+				:modelValue="message"
 				type="text"
 				:label="t('user_status', 'What is your status?')"
-				@update:model-value="onChange" />
+				@update:modelValue="onChange" />
 		</div>
 	</div>
 </template>
--- a/apps/user_status/src/components/PredefinedStatusesList.vue
+++ b/apps/user_status/src/components/PredefinedStatusesList.vue
@ -11,10 +11,10 @@
 		<PredefinedStatus
 			v-for="status in predefinedStatuses"
 			:key="status.id"
-			:message-id="status.id"
+			:messageId="status.id"
 			:icon="status.icon"
 			:message="status.message"
-			:clear-at="status.clearAt"
+			:clearAt="status.clearAt"
 			:selected="lastSelected === status.id"
 			@select="selectStatus(status)" />
 	</ul>
--- a/apps/user_status/src/components/SetStatusModal.vue
+++ b/apps/user_status/src/components/SetStatusModal.vue
@ -6,9 +6,9 @@
 <template>
 	<NcModal
 		size="normal"
-		label-id="user_status-set-dialog"
+		labelId="user_status-set-dialog"
 		dark
-		:set-return-focus="setReturnFocus"
+		:setReturnFocus="setReturnFocus"
 		@close="closeModal">
 		<div class="set-status-modal">
 			<!-- Status selector -->
@ -38,7 +38,7 @@
 						:icon="icon"
 						:message="editedMessage"
 						@change="setMessage"
-						@select-icon="setIcon" />
+						@selectIcon="setIcon" />
 					<NcButton
 						v-if="messageId === 'vacationing'"
 						:href="absencePageUrl"
@ -58,10 +58,10 @@
 					:icon="backupIcon"
 					:message="backupMessage"
 					@select="revertBackupFromServer" />
-				<PredefinedStatusesList @select-status="selectPredefinedMessage" />
+				<PredefinedStatusesList @selectStatus="selectPredefinedMessage" />
 				<ClearAtSelect
-					:clear-at="clearAt"
-					@select-clear-at="setClearAt" />
+					:clearAt="clearAt"
+					@selectClearAt="setClearAt" />
 				<div class="status-buttons">
 					<NcButton
 						:wide="true"
--- a/core/src/OC/dialogs.js
+++ b/core/src/OC/dialogs.js
@ -684,8 +684,7 @@ const Dialogs = {
 						}
 						$(dialogId).ocdialog('close')
 					},
-				},
-				{
+				}, {
 					text: t('core', 'Continue'),
 					classes: 'continue',
 					click: function() {
--- a/core/src/OC/msg.ts
+++ b/core/src/OC/msg.ts
@ -97,6 +97,7 @@ export default {
 				return
 			}

+			// eslint-disable-next-line @stylistic/exp-list-style
 			const animation = el.animate?.(
 				[
 					{ opacity: 1 },
--- a/core/src/OCP/toast.js
+++ b/core/src/OCP/toast.js
@ -5,7 +5,8 @@

 import {
 	showError,
-	showInfo, showMessage,
+	showInfo,
+	showMessage,
 	showSuccess,
 	showWarning,
 } from '@nextcloud/dialogs'
--- a/core/src/views/PublicPageMenu.vue
+++ b/core/src/views/PublicPageMenu.vue
@ -48,7 +48,8 @@ import { spawnDialog } from '@nextcloud/vue/functions/dialog'
 import {
 	type Ref,

-	computed, ref,
+	computed,
+	ref,
 } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcHeaderMenu from '@nextcloud/vue/components/NcHeaderMenu'
--- a/core/src/views/UnsupportedBrowser.vue
+++ b/core/src/views/UnsupportedBrowser.vue
@ -93,7 +93,8 @@ export default {
 				const version = list[id]
 				const name = agents[id]?.browser
 				return this.t('core', '{name} version {version} and above', {
-					name, version,
+					name,
+					version,
 				})
 			}).filter((entry) => entry !== null)
 		},
--- a/dist/1142-1142.js
+++ b/dist/1142-1142.js
--- a/dist/1142-1142.js.license
+++ b/dist/1142-1142.js.license
--- a/dist/1142-1142.js.map
+++ b/dist/1142-1142.js.map
--- a/dist/1142-1142.js.map.license
+++ b/dist/1142-1142.js.map.license
@ -0,0 +1 @@
+1142-1142.js.license
--- a/dist/6692-6692.js
+++ b/dist/6692-6692.js
--- a/dist/6692-6692.js.license
+++ b/dist/6692-6692.js.license
--- a/dist/6692-6692.js.map
+++ b/dist/6692-6692.js.map
--- a/dist/6692-6692.js.map.license
+++ b/dist/6692-6692.js.map.license
@ -0,0 +1 @@
+6692-6692.js.license
--- a/dist/6784-6784.js
+++ b/dist/6784-6784.js
--- a/dist/6784-6784.js.map
+++ b/dist/6784-6784.js.map
--- a/dist/6784-6784.js.map.license
+++ b/dist/6784-6784.js.map.license
@ -1 +0,0 @@
-6784-6784.js.license
--- a/dist/8309-8309.js
+++ b/dist/8309-8309.js
--- a/dist/8309-8309.js.map
+++ b/dist/8309-8309.js.map
--- a/dist/8309-8309.js.map.license
+++ b/dist/8309-8309.js.map.license
@ -1 +0,0 @@
-8309-8309.js.license
--- a/dist/AuthMechanismRsa-DUqf4YPF.chunk.mjs
+++ b/dist/AuthMechanismRsa-DUqf4YPF.chunk.mjs
@ -1,2 +0,0 @@
-import{b as g,p as y,q as v,c as p,u as o,o as n,K as h,w as _,g as V,t as k,s as x,r as M,j as d,e as f,F as q,C as w,E as U,G as j}from"./runtime-dom.esm-bundler-CBTFVsZ1.chunk.mjs";import{c as C}from"./index-CeZOua3E.chunk.mjs";import{a as E}from"./index-JpgrUA2Z-Cg8qxgsw.chunk.mjs";import{t as s}from"./translation-DoG5ZELJ-DRDc35uB.chunk.mjs";import{g as K}from"./createElementId-DhjFt1I9-CbtAsEAv.chunk.mjs";import{b as S}from"./NcNoteCard-Cok_4Fld-CEiA7MRo.chunk.mjs";import{N as A}from"./NcSelect-rH_0zphV-DIrEVY9H.chunk.mjs";import{N}from"./NcCheckboxRadioSwitch-ChNSuhe6-J_hhfCys.chunk.mjs";import{N as z}from"./NcPasswordField-DYF18Cdo-CDrhVNCN.chunk.mjs";import{_ as B}from"./TrashCanOutline-t5kbV5NX.chunk.mjs";import{C as c,a as b}from"./types-CxkvAyaz.chunk.mjs";import{l as G}from"./logger-resIultJ.chunk.mjs";const P=g({__name:"ConfigurationEntry",props:y({configKey:{},configOption:{}},{modelValue:{type:[String,Boolean],default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue");return(t,i)=>e.configOption.type!==o(c).Boolean?(n(),p(h(e.configOption.type===o(c).Password?o(z):o(B)),{key:0,modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=l=>a.value=l),name:e.configKey,required:!(e.configOption.flags&o(b).Optional),label:e.configOption.value,title:e.configOption.tooltip},null,8,["modelValue","name","required","label","title"])):(n(),p(o(N),{key:1,modelValue:a.value,"onUpdate:modelValue":i[1]||(i[1]=l=>a.value=l),type:"switch",title:e.configOption.tooltip},{default:_(()=>[V(k(e.configOption.value),1)]),_:1},8,["modelValue","title"]))}}),R=g({__name:"AuthMechanismRsa",props:y({authMechanism:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue"),t=M();x(t,()=>{t.value&&(a.value.private_key="",a.value.public_key="")});async function i(){try{const{data:l}=await C.post(K("/apps/files_external/ajax/public_key.php"),{keyLength:t.value});a.value.private_key=l.data.private_key,a.value.public_key=l.data.public_key}catch(l){G.error("Error generating RSA key pair",{error:l}),E(s("files_external","Error generating key pair"))}}return(l,m)=>(n(),d("div",null,[(n(!0),d(q,null,w(e.authMechanism.configuration,(r,u)=>U((n(),p(P,{key:r.value,modelValue:a.value[u],"onUpdate:modelValue":O=>a.value[u]=O,"config-key":u,"config-option":r},null,8,["modelValue","onUpdate:modelValue","config-key","config-option"])),[[j,!(r.flags&o(b).Hidden)]])),128)),f(o(A),{modelValue:t.value,"onUpdate:modelValue":m[0]||(m[0]=r=>t.value=r),clearable:!1,"input-label":o(s)("files_external","Key size"),options:[1024,2048,4096],required:""},null,8,["modelValue","input-label"]),f(o(S),{disabled:!t.value,wide:"",onClick:i},{default:_(()=>[V(k(o(s)("files_external","Generate keys")),1)]),_:1},8,["disabled"])]))}}),$=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"}));export{$ as A,P as _};
-//# sourceMappingURL=AuthMechanismRsa-DUqf4YPF.chunk.mjs.map
--- a/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs
+++ b/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs
@ -0,0 +1,2 @@
+import{b as g,p as y,q as v,c as p,u as o,o as n,K as h,w as _,g as V,t as b,s as x,r as K,j as d,e as f,F as M,C as q,E as w,G as U}from"./runtime-dom.esm-bundler-CBTFVsZ1.chunk.mjs";import{c as j}from"./index-CeZOua3E.chunk.mjs";import{a as C}from"./index-JpgrUA2Z-Cg8qxgsw.chunk.mjs";import{t as s}from"./translation-DoG5ZELJ-DRDc35uB.chunk.mjs";import{g as E}from"./createElementId-DhjFt1I9-CbtAsEAv.chunk.mjs";import{b as S}from"./NcNoteCard-Cok_4Fld-CEiA7MRo.chunk.mjs";import{N as A}from"./NcSelect-rH_0zphV-DIrEVY9H.chunk.mjs";import{N as L}from"./NcCheckboxRadioSwitch-ChNSuhe6-J_hhfCys.chunk.mjs";import{N}from"./NcPasswordField-DYF18Cdo-CDrhVNCN.chunk.mjs";import{_ as z}from"./TrashCanOutline-t5kbV5NX.chunk.mjs";import{C as c,a as k}from"./types-CxkvAyaz.chunk.mjs";import{l as B}from"./logger-resIultJ.chunk.mjs";const P=g({__name:"ConfigurationEntry",props:y({configKey:{},configOption:{}},{modelValue:{type:[String,Boolean],default:""},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue");return(t,i)=>e.configOption.type!==o(c).Boolean?(n(),p(h(e.configOption.type===o(c).Password?o(N):o(z)),{key:0,modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=l=>a.value=l),name:e.configKey,required:!(e.configOption.flags&o(k).Optional),label:e.configOption.value,title:e.configOption.tooltip},null,8,["modelValue","name","required","label","title"])):(n(),p(o(L),{key:1,modelValue:a.value,"onUpdate:modelValue":i[1]||(i[1]=l=>a.value=l),type:"switch",title:e.configOption.tooltip},{default:_(()=>[V(b(e.configOption.value),1)]),_:1},8,["modelValue","title"]))}}),R=g({__name:"AuthMechanismRsa",props:y({authMechanism:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const a=v(e,"modelValue"),t=K();x(t,()=>{t.value&&(a.value.private_key="",a.value.public_key="")});async function i(){try{const{data:l}=await j.post(E("/apps/files_external/ajax/public_key.php"),{keyLength:t.value});a.value.private_key=l.data.private_key,a.value.public_key=l.data.public_key}catch(l){B.error("Error generating RSA key pair",{error:l}),C(s("files_external","Error generating key pair"))}}return(l,m)=>(n(),d("div",null,[(n(!0),d(M,null,q(e.authMechanism.configuration,(r,u)=>w((n(),p(P,{key:r.value,modelValue:a.value[u],"onUpdate:modelValue":O=>a.value[u]=O,configKey:u,configOption:r},null,8,["modelValue","onUpdate:modelValue","configKey","configOption"])),[[U,!(r.flags&o(k).Hidden)]])),128)),f(o(A),{modelValue:t.value,"onUpdate:modelValue":m[0]||(m[0]=r=>t.value=r),clearable:!1,inputLabel:o(s)("files_external","Key size"),options:[1024,2048,4096],required:""},null,8,["modelValue","inputLabel"]),f(o(S),{disabled:!t.value,wide:"",onClick:i},{default:_(()=>[V(b(o(s)("files_external","Generate keys")),1)]),_:1},8,["disabled"])]))}}),$=Object.freeze(Object.defineProperty({__proto__:null,default:R},Symbol.toStringTag,{value:"Module"}));export{$ as A,P as _};
+//# sourceMappingURL=AuthMechanismRsa-mz_2_HLA.chunk.mjs.map
--- a/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.license
+++ b/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.license
--- a/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.map
+++ b/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.map
--- a/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.map.license
+++ b/dist/AuthMechanismRsa-mz_2_HLA.chunk.mjs.map.license
--- a/dist/CredentialsDialog-BP3tMLcO.chunk.mjs
+++ b/dist/CredentialsDialog-BP3tMLcO.chunk.mjs
@ -0,0 +1,2 @@
+import{t}from"./translation-DoG5ZELJ-DRDc35uB.chunk.mjs";import{N as m}from"./index-JpgrUA2Z-Cg8qxgsw.chunk.mjs";import{N as d}from"./NcNoteCard-Cok_4Fld-CEiA7MRo.chunk.mjs";import{N as p}from"./NcPasswordField-DYF18Cdo-CDrhVNCN.chunk.mjs";import{_ as c}from"./TrashCanOutline-t5kbV5NX.chunk.mjs";import{b as g,c as f,o as h,w as x,e as s,u as e,r as n}from"./runtime-dom.esm-bundler-CBTFVsZ1.chunk.mjs";import"./index-Bndk0DrU.chunk.mjs";import"./index-xFugdZPW.chunk.mjs";import"./createElementId-DhjFt1I9-CbtAsEAv.chunk.mjs";import"./mdi-BiMJjngH.chunk.mjs";import"./index-CeZOua3E.chunk.mjs";import"./string_decoder-BO00msnV.chunk.mjs";import"./NcInputField-tt_Gi9ja-Cs0S2GF6.chunk.mjs";const $=g({__name:"CredentialsDialog",emits:["close"],setup(_){const o=n(""),r=n(""),u=[{label:t("files_external","Confirm"),type:"submit",variant:"primary"}];return(i,a)=>(h(),f(e(m),{buttons:u,class:"external-storage-auth",closeOnClickOutside:"","data-cy-external-storage-auth":"",isForm:"",name:e(t)("files_external","Storage credentials"),outTransition:"",onSubmit:a[2]||(a[2]=l=>i.$emit("close",{login:o.value,password:r.value})),"onUpdate:open":a[3]||(a[3]=l=>i.$emit("close"))},{default:x(()=>[s(e(d),{class:"external-storage-auth__header",text:e(t)("files_external","To access the storage, you need to provide the authentication credentials."),type:"info"},null,8,["text"]),s(e(c),{modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=l=>o.value=l),autofocus:"",class:"external-storage-auth__login","data-cy-external-storage-auth-dialog-login":"",label:e(t)("files_external","Login"),placeholder:e(t)("files_external","Enter the storage login"),minlength:"2",name:"login",required:""},null,8,["modelValue","label","placeholder"]),s(e(p),{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=l=>r.value=l),class:"external-storage-auth__password","data-cy-external-storage-auth-dialog-password":"",label:e(t)("files_external","Password"),placeholder:e(t)("files_external","Enter the storage password"),name:"password",required:""},null,8,["modelValue","label","placeholder"])]),_:1},8,["name"]))}});export{$ as default};
+//# sourceMappingURL=CredentialsDialog-BP3tMLcO.chunk.mjs.map
--- a/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.license
+++ b/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.license
--- a/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.map
+++ b/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.map
@ -0,0 +1 @@
+{"version":3,"file":"CredentialsDialog-BP3tMLcO.chunk.mjs","sources":["../build/frontend/apps/files_external/src/views/CredentialsDialog.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { t } from '@nextcloud/l10n'\nimport { ref } from 'vue'\nimport NcDialog from '@nextcloud/vue/components/NcDialog'\nimport NcNoteCard from '@nextcloud/vue/components/NcNoteCard'\nimport NcPasswordField from '@nextcloud/vue/components/NcPasswordField'\nimport NcTextField from '@nextcloud/vue/components/NcTextField'\n\ndefineEmits<{\n\tclose: [payload?: { login: string, password: string }]\n}>()\n\nconst login = ref('')\nconst password = ref('')\n\nconst dialogButtons: InstanceType<typeof NcDialog>['buttons'] = [{\n\tlabel: t('files_external', 'Confirm'),\n\ttype: 'submit',\n\tvariant: 'primary',\n}]\n</script>\n\n<template>\n\t<NcDialog\n\t\t:buttons=\"dialogButtons\"\n\t\tclass=\"external-storage-auth\"\n\t\tcloseOnClickOutside\n\t\tdata-cy-external-storage-auth\n\t\tisForm\n\t\t:name=\"t('files_external', 'Storage credentials')\"\n\t\toutTransition\n\t\t@submit=\"$emit('close', { login, password })\"\n\t\t@update:open=\"$emit('close')\">\n\t\t<!-- Header -->\n\t\t<NcNoteCard\n\t\t\tclass=\"external-storage-auth__header\"\n\t\t\t:text=\"t('files_external', 'To access the storage, you need to provide the authentication credentials.')\"\n\t\t\ttype=\"info\" />\n\n\t\t<!-- Login -->\n\t\t<NcTextField\n\t\t\tv-model=\"login\"\n\t\t\tautofocus\n\t\t\tclass=\"external-storage-auth__login\"\n\t\t\tdata-cy-external-storage-auth-dialog-login\n\t\t\t:label=\"t('files_external', 'Login')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage login')\"\n\t\t\tminlength=\"2\"\n\t\t\tname=\"login\"\n\t\t\trequired />\n\n\t\t<!-- Password -->\n\t\t<NcPasswordField\n\t\t\tv-model=\"password\"\n\t\t\tclass=\"external-storage-auth__password\"\n\t\t\tdata-cy-external-storage-auth-dialog-password\n\t\t\t:label=\"t('files_external', 'Password')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage password')\"\n\t\t\tname=\"password\"\n\t\t\trequired />\n\t</NcDialog>\n</template>\n"],"names":["login","ref","password","dialogButtons","t","_createBlock","_unref","NcDialog","_cache","$event","$emit","_createVNode","NcNoteCard","NcTextField","NcPasswordField"],"mappings":"kvBAiBA,MAAMA,EAAQC,EAAI,EAAE,EACdC,EAAWD,EAAI,EAAE,EAEjBE,EAA0D,CAAC,CAChE,MAAOC,EAAE,iBAAkB,SAAS,EACpC,KAAM,SACN,QAAS,SAAA,CACT,oBAIAC,EAqCWC,EAAAC,CAAA,EAAA,CApCT,QAASJ,EACV,MAAM,wBACN,oBAAA,GACA,gCAAA,GACA,OAAA,GACC,KAAMG,EAAAF,CAAA,EAAC,iBAAA,qBAAA,EACR,cAAA,GACC,SAAMI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAAA,MAAK,QAAA,CAAA,MAAYV,EAAA,eAAOE,EAAA,MAAQ,GACxC,+BAAaQ,EAAAA,MAAK,OAAA,EAAA,aAEnB,IAGe,CAHfC,EAGeL,EAAAM,CAAA,EAAA,CAFd,MAAM,gCACL,KAAMN,EAAAF,CAAA,EAAC,iBAAA,4EAAA,EACR,KAAK,MAAA,mBAGNO,EASYL,EAAAO,CAAA,EAAA,YARFb,EAAA,2CAAAA,EAAK,MAAAS,GACd,UAAA,GACA,MAAM,+BACN,6CAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,OAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,yBAAA,EACf,UAAU,IACV,KAAK,QACL,SAAA,EAAA,+CAGDO,EAOYL,EAAAQ,CAAA,EAAA,YANFZ,EAAA,2CAAAA,EAAQ,MAAAO,GACjB,MAAM,kCACN,gDAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,UAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,4BAAA,EACf,KAAK,WACL,SAAA,EAAA"}
--- a/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.map.license
+++ b/dist/CredentialsDialog-BP3tMLcO.chunk.mjs.map.license
--- a/dist/CredentialsDialog-CBvj0Kl2.chunk.mjs
+++ b/dist/CredentialsDialog-CBvj0Kl2.chunk.mjs
@ -1,2 +0,0 @@
-import{t}from"./translation-DoG5ZELJ-DRDc35uB.chunk.mjs";import{N as m}from"./index-JpgrUA2Z-Cg8qxgsw.chunk.mjs";import{N as d}from"./NcNoteCard-Cok_4Fld-CEiA7MRo.chunk.mjs";import{N as p}from"./NcPasswordField-DYF18Cdo-CDrhVNCN.chunk.mjs";import{_ as c}from"./TrashCanOutline-t5kbV5NX.chunk.mjs";import{b as g,c as f,o as h,w as x,e as s,u as e,r as n}from"./runtime-dom.esm-bundler-CBTFVsZ1.chunk.mjs";import"./index-Bndk0DrU.chunk.mjs";import"./index-xFugdZPW.chunk.mjs";import"./createElementId-DhjFt1I9-CbtAsEAv.chunk.mjs";import"./mdi-BiMJjngH.chunk.mjs";import"./index-CeZOua3E.chunk.mjs";import"./string_decoder-BO00msnV.chunk.mjs";import"./NcInputField-tt_Gi9ja-Cs0S2GF6.chunk.mjs";const D=g({__name:"CredentialsDialog",emits:["close"],setup(_){const o=n(""),r=n(""),u=[{label:t("files_external","Confirm"),type:"submit",variant:"primary"}];return(i,a)=>(h(),f(e(m),{buttons:u,class:"external-storage-auth","close-on-click-outside":"","data-cy-external-storage-auth":"","is-form":"",name:e(t)("files_external","Storage credentials"),"out-transition":"",onSubmit:a[2]||(a[2]=l=>i.$emit("close",{login:o.value,password:r.value})),"onUpdate:open":a[3]||(a[3]=l=>i.$emit("close"))},{default:x(()=>[s(e(d),{class:"external-storage-auth__header",text:e(t)("files_external","To access the storage, you need to provide the authentication credentials."),type:"info"},null,8,["text"]),s(e(c),{modelValue:o.value,"onUpdate:modelValue":a[0]||(a[0]=l=>o.value=l),autofocus:"",class:"external-storage-auth__login","data-cy-external-storage-auth-dialog-login":"",label:e(t)("files_external","Login"),placeholder:e(t)("files_external","Enter the storage login"),minlength:"2",name:"login",required:""},null,8,["modelValue","label","placeholder"]),s(e(p),{modelValue:r.value,"onUpdate:modelValue":a[1]||(a[1]=l=>r.value=l),class:"external-storage-auth__password","data-cy-external-storage-auth-dialog-password":"",label:e(t)("files_external","Password"),placeholder:e(t)("files_external","Enter the storage password"),name:"password",required:""},null,8,["modelValue","label","placeholder"])]),_:1},8,["name"]))}});export{D as default};
-//# sourceMappingURL=CredentialsDialog-CBvj0Kl2.chunk.mjs.map
--- a/dist/CredentialsDialog-CBvj0Kl2.chunk.mjs.map
+++ b/dist/CredentialsDialog-CBvj0Kl2.chunk.mjs.map
@ -1 +0,0 @@
-{"version":3,"file":"CredentialsDialog-CBvj0Kl2.chunk.mjs","sources":["../build/frontend/apps/files_external/src/views/CredentialsDialog.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { t } from '@nextcloud/l10n'\nimport { ref } from 'vue'\nimport NcDialog from '@nextcloud/vue/components/NcDialog'\nimport NcNoteCard from '@nextcloud/vue/components/NcNoteCard'\nimport NcPasswordField from '@nextcloud/vue/components/NcPasswordField'\nimport NcTextField from '@nextcloud/vue/components/NcTextField'\n\ndefineEmits<{\n\tclose: [payload?: { login: string, password: string }]\n}>()\n\nconst login = ref('')\nconst password = ref('')\n\nconst dialogButtons: InstanceType<typeof NcDialog>['buttons'] = [{\n\tlabel: t('files_external', 'Confirm'),\n\ttype: 'submit',\n\tvariant: 'primary',\n}]\n</script>\n\n<template>\n\t<NcDialog\n\t\t:buttons=\"dialogButtons\"\n\t\tclass=\"external-storage-auth\"\n\t\tclose-on-click-outside\n\t\tdata-cy-external-storage-auth\n\t\tis-form\n\t\t:name=\"t('files_external', 'Storage credentials')\"\n\t\tout-transition\n\t\t@submit=\"$emit('close', { login, password })\"\n\t\t@update:open=\"$emit('close')\">\n\t\t<!-- Header -->\n\t\t<NcNoteCard\n\t\t\tclass=\"external-storage-auth__header\"\n\t\t\t:text=\"t('files_external', 'To access the storage, you need to provide the authentication credentials.')\"\n\t\t\ttype=\"info\" />\n\n\t\t<!-- Login -->\n\t\t<NcTextField\n\t\t\tv-model=\"login\"\n\t\t\tautofocus\n\t\t\tclass=\"external-storage-auth__login\"\n\t\t\tdata-cy-external-storage-auth-dialog-login\n\t\t\t:label=\"t('files_external', 'Login')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage login')\"\n\t\t\tminlength=\"2\"\n\t\t\tname=\"login\"\n\t\t\trequired />\n\n\t\t<!-- Password -->\n\t\t<NcPasswordField\n\t\t\tv-model=\"password\"\n\t\t\tclass=\"external-storage-auth__password\"\n\t\t\tdata-cy-external-storage-auth-dialog-password\n\t\t\t:label=\"t('files_external', 'Password')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage password')\"\n\t\t\tname=\"password\"\n\t\t\trequired />\n\t</NcDialog>\n</template>\n"],"names":["login","ref","password","dialogButtons","t","_createBlock","_unref","NcDialog","_cache","$event","$emit","_createVNode","NcNoteCard","NcTextField","NcPasswordField"],"mappings":"kvBAiBA,MAAMA,EAAQC,EAAI,EAAE,EACdC,EAAWD,EAAI,EAAE,EAEjBE,EAA0D,CAAC,CAChE,MAAOC,EAAE,iBAAkB,SAAS,EACpC,KAAM,SACN,QAAS,SAAA,CACT,oBAIAC,EAqCWC,EAAAC,CAAA,EAAA,CApCT,QAASJ,EACV,MAAM,wBACN,yBAAA,GACA,gCAAA,GACA,UAAA,GACC,KAAMG,EAAAF,CAAA,EAAC,iBAAA,qBAAA,EACR,iBAAA,GACC,SAAMI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAAA,MAAK,QAAA,CAAA,MAAYV,EAAA,eAAOE,EAAA,MAAQ,GACxC,+BAAaQ,EAAAA,MAAK,OAAA,EAAA,aAEnB,IAGe,CAHfC,EAGeL,EAAAM,CAAA,EAAA,CAFd,MAAM,gCACL,KAAMN,EAAAF,CAAA,EAAC,iBAAA,4EAAA,EACR,KAAK,MAAA,mBAGNO,EASYL,EAAAO,CAAA,EAAA,YARFb,EAAA,2CAAAA,EAAK,MAAAS,GACd,UAAA,GACA,MAAM,+BACN,6CAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,OAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,yBAAA,EACf,UAAU,IACV,KAAK,QACL,SAAA,EAAA,+CAGDO,EAOYL,EAAAQ,CAAA,EAAA,YANFZ,EAAA,2CAAAA,EAAQ,MAAAO,GACjB,MAAM,kCACN,gDAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,UAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,4BAAA,EACf,KAAK,WACL,SAAA,EAAA"}
--- a/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs
+++ b/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs
--- a/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.license
+++ b/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.license
--- a/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.map
+++ b/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.map
--- a/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.map.license
+++ b/dist/FilesVersionsSidebarTab-B6IVqJWe.chunk.mjs.map.license
--- a/dist/FilesVersionsSidebarTab-BzfV5tRK.chunk.mjs
+++ b/dist/FilesVersionsSidebarTab-BzfV5tRK.chunk.mjs
--- a/dist/FilesVersionsSidebarTab-BzfV5tRK.chunk.mjs.map
+++ b/dist/FilesVersionsSidebarTab-BzfV5tRK.chunk.mjs.map
--- a/dist/SetStatusModal-B5KgGx-y.chunk.mjs
+++ b/dist/SetStatusModal-B5KgGx-y.chunk.mjs
--- a/dist/SetStatusModal-B5KgGx-y.chunk.mjs.map
+++ b/dist/SetStatusModal-B5KgGx-y.chunk.mjs.map
--- a/dist/SetStatusModal-BZIAjrg5.chunk.mjs
+++ b/dist/SetStatusModal-BZIAjrg5.chunk.mjs
--- a/dist/SetStatusModal-BZIAjrg5.chunk.mjs.license
+++ b/dist/SetStatusModal-BZIAjrg5.chunk.mjs.license
--- a/dist/SetStatusModal-BZIAjrg5.chunk.mjs.map
+++ b/dist/SetStatusModal-BZIAjrg5.chunk.mjs.map
--- a/dist/SetStatusModal-BZIAjrg5.chunk.mjs.map.license
+++ b/dist/SetStatusModal-BZIAjrg5.chunk.mjs.map.license
--- a/dist/core-login.js.map
+++ b/dist/core-login.js.map
--- a/dist/core-main.js.map
+++ b/dist/core-main.js.map
--- a/dist/core-public-page-menu.js
+++ b/dist/core-public-page-menu.js
--- a/Show more
+++ b/Show more
				`@ -0,0 +1 @@`
				{"version":3,"file":"CredentialsDialog-BP3tMLcO.chunk.mjs","sources":["../build/frontend/apps/files_external/src/views/CredentialsDialog.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { t } from '@nextcloud/l10n'\nimport { ref } from 'vue'\nimport NcDialog from '@nextcloud/vue/components/NcDialog'\nimport NcNoteCard from '@nextcloud/vue/components/NcNoteCard'\nimport NcPasswordField from '@nextcloud/vue/components/NcPasswordField'\nimport NcTextField from '@nextcloud/vue/components/NcTextField'\n\ndefineEmits<{\n\tclose: [payload?: { login: string, password: string }]\n}>()\n\nconst login = ref('')\nconst password = ref('')\n\nconst dialogButtons: InstanceType<typeof NcDialog>['buttons'] = [{\n\tlabel: t('files_external', 'Confirm'),\n\ttype: 'submit',\n\tvariant: 'primary',\n}]\n</script>\n\n<template>\n\t<NcDialog\n\t\t:buttons=\"dialogButtons\"\n\t\tclass=\"external-storage-auth\"\n\t\tcloseOnClickOutside\n\t\tdata-cy-external-storage-auth\n\t\tisForm\n\t\t:name=\"t('files_external', 'Storage credentials')\"\n\t\toutTransition\n\t\t@submit=\"$emit('close', { login, password })\"\n\t\t@update:open=\"$emit('close')\">\n\t\t<!-- Header -->\n\t\t<NcNoteCard\n\t\t\tclass=\"external-storage-auth__header\"\n\t\t\t:text=\"t('files_external', 'To access the storage, you need to provide the authentication credentials.')\"\n\t\t\ttype=\"info\" />\n\n\t\t<!-- Login -->\n\t\t<NcTextField\n\t\t\tv-model=\"login\"\n\t\t\tautofocus\n\t\t\tclass=\"external-storage-auth__login\"\n\t\t\tdata-cy-external-storage-auth-dialog-login\n\t\t\t:label=\"t('files_external', 'Login')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage login')\"\n\t\t\tminlength=\"2\"\n\t\t\tname=\"login\"\n\t\t\trequired />\n\n\t\t<!-- Password -->\n\t\t<NcPasswordField\n\t\t\tv-model=\"password\"\n\t\t\tclass=\"external-storage-auth__password\"\n\t\t\tdata-cy-external-storage-auth-dialog-password\n\t\t\t:label=\"t('files_external', 'Password')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage password')\"\n\t\t\tname=\"password\"\n\t\t\trequired />\n\t</NcDialog>\n</template>\n"],"names":["login","ref","password","dialogButtons","t","_createBlock","_unref","NcDialog","_cache","$event","$emit","_createVNode","NcNoteCard","NcTextField","NcPasswordField"],"mappings":"kvBAiBA,MAAMA,EAAQC,EAAI,EAAE,EACdC,EAAWD,EAAI,EAAE,EAEjBE,EAA0D,CAAC,CAChE,MAAOC,EAAE,iBAAkB,SAAS,EACpC,KAAM,SACN,QAAS,SAAA,CACT,oBAIAC,EAqCWC,EAAAC,CAAA,EAAA,CApCT,QAASJ,EACV,MAAM,wBACN,oBAAA,GACA,gCAAA,GACA,OAAA,GACC,KAAMG,EAAAF,CAAA,EAAC,iBAAA,qBAAA,EACR,cAAA,GACC,SAAMI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAAA,MAAK,QAAA,CAAA,MAAYV,EAAA,eAAOE,EAAA,MAAQ,GACxC,+BAAaQ,EAAAA,MAAK,OAAA,EAAA,aAEnB,IAGe,CAHfC,EAGeL,EAAAM,CAAA,EAAA,CAFd,MAAM,gCACL,KAAMN,EAAAF,CAAA,EAAC,iBAAA,4EAAA,EACR,KAAK,MAAA,mBAGNO,EASYL,EAAAO,CAAA,EAAA,YARFb,EAAA,2CAAAA,EAAK,MAAAS,GACd,UAAA,GACA,MAAM,+BACN,6CAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,OAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,yBAAA,EACf,UAAU,IACV,KAAK,QACL,SAAA,EAAA,+CAGDO,EAOYL,EAAAQ,CAAA,EAAA,YANFZ,EAAA,2CAAAA,EAAQ,MAAAO,GACjB,MAAM,kCACN,gDAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,UAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,4BAAA,EACf,KAAK,WACL,SAAA,EAAA"}
				`@ -1 +0,0 @@`
				{"version":3,"file":"CredentialsDialog-CBvj0Kl2.chunk.mjs","sources":["../build/frontend/apps/files_external/src/views/CredentialsDialog.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { t } from '@nextcloud/l10n'\nimport { ref } from 'vue'\nimport NcDialog from '@nextcloud/vue/components/NcDialog'\nimport NcNoteCard from '@nextcloud/vue/components/NcNoteCard'\nimport NcPasswordField from '@nextcloud/vue/components/NcPasswordField'\nimport NcTextField from '@nextcloud/vue/components/NcTextField'\n\ndefineEmits<{\n\tclose: [payload?: { login: string, password: string }]\n}>()\n\nconst login = ref('')\nconst password = ref('')\n\nconst dialogButtons: InstanceType<typeof NcDialog>['buttons'] = [{\n\tlabel: t('files_external', 'Confirm'),\n\ttype: 'submit',\n\tvariant: 'primary',\n}]\n</script>\n\n<template>\n\t<NcDialog\n\t\t:buttons=\"dialogButtons\"\n\t\tclass=\"external-storage-auth\"\n\t\tclose-on-click-outside\n\t\tdata-cy-external-storage-auth\n\t\tis-form\n\t\t:name=\"t('files_external', 'Storage credentials')\"\n\t\tout-transition\n\t\t@submit=\"$emit('close', { login, password })\"\n\t\t@update:open=\"$emit('close')\">\n\t\t<!-- Header -->\n\t\t<NcNoteCard\n\t\t\tclass=\"external-storage-auth__header\"\n\t\t\t:text=\"t('files_external', 'To access the storage, you need to provide the authentication credentials.')\"\n\t\t\ttype=\"info\" />\n\n\t\t<!-- Login -->\n\t\t<NcTextField\n\t\t\tv-model=\"login\"\n\t\t\tautofocus\n\t\t\tclass=\"external-storage-auth__login\"\n\t\t\tdata-cy-external-storage-auth-dialog-login\n\t\t\t:label=\"t('files_external', 'Login')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage login')\"\n\t\t\tminlength=\"2\"\n\t\t\tname=\"login\"\n\t\t\trequired />\n\n\t\t<!-- Password -->\n\t\t<NcPasswordField\n\t\t\tv-model=\"password\"\n\t\t\tclass=\"external-storage-auth__password\"\n\t\t\tdata-cy-external-storage-auth-dialog-password\n\t\t\t:label=\"t('files_external', 'Password')\"\n\t\t\t:placeholder=\"t('files_external', 'Enter the storage password')\"\n\t\t\tname=\"password\"\n\t\t\trequired />\n\t</NcDialog>\n</template>\n"],"names":["login","ref","password","dialogButtons","t","_createBlock","_unref","NcDialog","_cache","$event","$emit","_createVNode","NcNoteCard","NcTextField","NcPasswordField"],"mappings":"kvBAiBA,MAAMA,EAAQC,EAAI,EAAE,EACdC,EAAWD,EAAI,EAAE,EAEjBE,EAA0D,CAAC,CAChE,MAAOC,EAAE,iBAAkB,SAAS,EACpC,KAAM,SACN,QAAS,SAAA,CACT,oBAIAC,EAqCWC,EAAAC,CAAA,EAAA,CApCT,QAASJ,EACV,MAAM,wBACN,yBAAA,GACA,gCAAA,GACA,UAAA,GACC,KAAMG,EAAAF,CAAA,EAAC,iBAAA,qBAAA,EACR,iBAAA,GACC,SAAMI,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEC,EAAAA,MAAK,QAAA,CAAA,MAAYV,EAAA,eAAOE,EAAA,MAAQ,GACxC,+BAAaQ,EAAAA,MAAK,OAAA,EAAA,aAEnB,IAGe,CAHfC,EAGeL,EAAAM,CAAA,EAAA,CAFd,MAAM,gCACL,KAAMN,EAAAF,CAAA,EAAC,iBAAA,4EAAA,EACR,KAAK,MAAA,mBAGNO,EASYL,EAAAO,CAAA,EAAA,YARFb,EAAA,2CAAAA,EAAK,MAAAS,GACd,UAAA,GACA,MAAM,+BACN,6CAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,OAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,yBAAA,EACf,UAAU,IACV,KAAK,QACL,SAAA,EAAA,+CAGDO,EAOYL,EAAAQ,CAAA,EAAA,YANFZ,EAAA,2CAAAA,EAAQ,MAAAO,GACjB,MAAM,kCACN,gDAAA,GACC,MAAOH,EAAAF,CAAA,EAAC,iBAAA,UAAA,EACR,YAAaE,EAAAF,CAAA,EAAC,iBAAA,4BAAA,EACf,KAAK,WACL,SAAA,EAAA"}