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

chore(deps-dev): bump @nextcloud/eslint-config from 9.0.0-rc.6 to 9.0.0-rc.7

Author: github-actions[bot]

package-lock.json

@@ -128,7 +128,7 @@
     "@mdi/svg": "^7.4.47",
     "@nextcloud/babel-config": "^1.3.0",
     "@nextcloud/browserslist-config": "^3.1.2",
-    "@nextcloud/eslint-config": "^9.0.0-rc.6",
+    "@nextcloud/eslint-config": "^9.0.0-rc.7",
     "@nextcloud/stylelint-config": "^3.2.0",
     "@nextcloud/vite-config": "^2.5.0",
     "@nextcloud/webpack-vue-config": "github:nextcloud/webpack-vue-config#vue3",

package.json

@@ -160,51 +160,51 @@ For the `NcSelect` component, all events will be passed through. Please see the
 						<NcDateTimePicker
 							v-if="datePickerType"
 							ref="datetimepicker"
-							:model-value="modelValue"
+							:modelValue="modelValue"
 							style="z-index: 99999999999;"
 							:placeholder="text"
 							:disabled="disabled"
 							:type="datePickerType"
-							:input-class="['mx-input', { focusable: isFocusable }]"
+							:inputClass="['mx-input', { focusable: isFocusable }]"
 							class="action-input__datetimepicker"
-							append-to-body
+							appendToBody
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcDateTimePickerNative
 							v-else-if="isNativePicker"
 							:id="idNativeDateTimePicker"
-							:model-value="modelValue"
+							:modelValue="modelValue"
 							:label="label"
 							:type="nativeDatePickerType"
-							:input-class="{ focusable: isFocusable }"
+							:inputClass="{ focusable: isFocusable }"
 							class="action-input__datetimepicker"
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcSelect
 							v-else-if="isMultiselectType"
-							:model-value="modelValue"
+							:modelValue="modelValue"
 							:placeholder="text"
 							:disabled="disabled"
-							:append-to-body="false"
-							:input-class="{ focusable: isFocusable }"
+							:appendToBody="false"
+							:inputClass="{ focusable: isFocusable }"
 							class="action-input__multi"
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcPasswordField
 							v-else-if="type === 'password'"
 							:id="inputId"
-							:model-value="modelValue"
+							:modelValue="modelValue"
 							:label="label"
-							:label-outside="!label || labelOutside"
+							:labelOutside="!label || labelOutside"
 							:placeholder="text"
 							:disabled="disabled"
-							:input-class="{ focusable: isFocusable }"
-							:show-trailing-button="showTrailingButton && !disabled"
+							:inputClass="{ focusable: isFocusable }"
+							:showTrailingButton="showTrailingButton && !disabled"
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<div v-else-if="type === 'color'" class="action-input__container">
 							<label
@@ -217,10 +217,10 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							<div class="action-input__input-container">
 								<NcColorPicker
 									id="inputId"
-									:model-value="modelValue"
+									:modelValue="modelValue"
 									class="colorpicker__trigger"
 									v-bind="$attrs"
-									@update:model-value="onUpdateModelValue"
+									@update:modelValue="onUpdateModelValue"
 									@submit="$refs.form.requestSubmit()">
 									<button
 										class="colorpicker__preview"
@@ -233,19 +233,19 @@ For the `NcSelect` component, all events will be passed through. Please see the
 						<NcTextField
 							v-else
 							:id="inputId"
-							:model-value="modelValue"
+							:modelValue="modelValue"
 							:label="label"
-							:label-outside="!label || labelOutside"
+							:labelOutside="!label || labelOutside"
 							:placeholder="text"
 							:disabled="disabled"
-							:input-class="{ focusable: isFocusable }"
+							:inputClass="{ focusable: isFocusable }"
 							:type="type"
-							trailing-button-icon="arrowRight"
-							:trailing-button-label="trailingButtonLabel"
-							:show-trailing-button="showTrailingButton && !disabled"
+							trailingButtonIcon="arrowRight"
+							:trailingButtonLabel="trailingButtonLabel"
+							:showTrailingButton="showTrailingButton && !disabled"
 							v-bind="$attrs"
-							@trailing-button-click="$refs.form.requestSubmit()"
-							@update:model-value="onUpdateModelValue" />
+							@trailingButtonClick="$refs.form.requestSubmit()"
+							@update:modelValue="onUpdateModelValue" />
 					</div>
 				</div>
 			</form>

src/components/NcActionInput/NcActionInput.vue

@@ -127,17 +127,17 @@ export default {
 					<Pane
 						class="splitpanes__pane-list"
 						:size="listPaneSize || paneDefaults.list.size"
-						:min-size="paneDefaults.list.min"
-						:max-size="paneDefaults.list.max">
+						:minSize="paneDefaults.list.min"
+						:maxSize="paneDefaults.list.max">
 						<!-- @slot Provide a list to the app content -->
 						<slot name="list" />
 					</Pane>
 
 					<Pane
 						class="splitpanes__pane-details"
 						:size="detailsPaneSize"
-						:min-size="paneDefaults.details.min"
-						:max-size="paneDefaults.details.max">
+						:minSize="paneDefaults.details.min"
+						:maxSize="paneDefaults.details.max">
 						<!-- @slot Provide the main content to the app content -->
 						<slot />
 					</Pane>

src/components/NcAppContent/NcAppContent.vue

@@ -385,12 +385,12 @@ Just set the `pinned` prop.
 						ref="actions"
 						class="app-navigation-entry__actions"
 						container="#app-navigation-vue"
-						:boundaries-element="actionsBoundariesElement"
+						:boundariesElement="actionsBoundariesElement"
 						:inline="inlineActions"
 						:placement="menuPlacement"
 						:open="menuOpen"
-						:force-menu="forceMenu"
-						:default-icon="menuIcon"
+						:forceMenu="forceMenu"
+						:defaultIcon="menuIcon"
 						:variant="(to && isActive) || active ? 'tertiary-on-primary' : 'tertiary'"
 						@update:open="onMenuToggle">
 						<template #icon>

src/components/NcAppNavigationItem/NcAppNavigationItem.vue

@@ -131,12 +131,12 @@ export default {
 			v-model="model"
 			:aria-label="label"
 			class="app-navigation-search__input"
-			label-outside
+			labelOutside
 			:placeholder="placeholder ?? label"
-			show-trailing-button
-			:trailing-button-label="t('Clear search')"
+			showTrailingButton
+			:trailingButtonLabel="t('Clear search')"
 			type="search"
-			@trailing-button-click="onCloseSearch">
+			@trailingButtonClick="onCloseSearch">
 			<template #trailing-button-icon>
 				<IconClose :size="20" />
 			</template>

src/components/NcAppNavigationSearch/NcAppNavigationSearch.vue

@@ -74,10 +74,10 @@ onClickOutside(container, () => {
 			</NcButton>
 		</div>
 		<Transition
-			:enter-active-class="$style.animationActive"
-			:leave-active-class="$style.animationActive"
-			:enter-from-class="$style.animationStop"
-			:leave-to-class="$style.animationStop">
+			:enterActiveClass="$style.animationActive"
+			:leaveActiveClass="$style.animationActive"
+			:enterFromClass="$style.animationStop"
+			:leaveToClass="$style.animationStop">
 			<div
 				v-show="open"
 				:id="contentId"

src/components/NcAppNavigationSettings/NcAppNavigationSettings.vue

@@ -215,11 +215,11 @@ function unregisterSection(id: string) {
 	<NcDialog
 		v-if="open"
 		class="app-settings"
-		content-classes="app-settings__content"
-		navigation-classes="app-settings__navigation"
-		:additional-trap-elements
+		contentClasses="app-settings__content"
+		navigationClasses="app-settings__navigation"
+		:additionalTrapElements
 		:container
-		close-on-click-outside
+		closeOnClickOutside
 		:navigation-aria-label="t('Settings navigation')"
 		size="large"
 		:name

src/components/NcAppSettingsDialog/NcAppSettingsDialog.vue

@@ -739,8 +739,8 @@ If the sidebar should be shown conditionally without any explicit toggle button,
 	<transition
 		appear
 		name="slide-right"
-		@after-enter="onAfterEnter"
-		@after-leave="onAfterLeave">
+		@afterEnter="onAfterEnter"
+		@afterLeave="onAfterLeave">
 		<aside
 			v-show="open"
 			id="app-sidebar-vue"
@@ -869,7 +869,7 @@ If the sidebar should be shown conditionally without any explicit toggle button,
 									<NcActions
 										v-if="isSlotPopulated($slots['secondary-actions']?.())"
 										class="app-sidebar-header__menu"
-										:force-menu="forceMenu">
+										:forceMenu="forceMenu">
 										<slot name="secondary-actions" />
 									</NcActions>
 								</div>
@@ -915,7 +915,7 @@ If the sidebar should be shown conditionally without any explicit toggle button,
 				v-show="!loading"
 				ref="tabs"
 				:active="active"
-				:force-tabs="forceTabs"
+				:forceTabs="forceTabs"
 				@update:active="onUpdateActive">
 				<slot />
 			</NcAppSidebarTabs>

src/components/NcAppSidebar/NcAppSidebar.vue

@@ -228,8 +228,8 @@ export default {
 			v-model:open="contactsMenuOpenState"
 			:aria-label="avatarAriaLabel"
 			:container="menuContainer"
-			force-menu
-			manual-open
+			forceMenu
+			manualOpen
 			variant="tertiary-no-background"
 			@click="toggleMenu">
 			<component