chore: fix ESLint rule vue/attribute-hyphenation

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

src/components/NcActionInput/NcActionInput.vue

@@ -160,49 +160,49 @@ 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" />
 
 						<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" />
 
 						<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" />
 
 						<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" />
 
@@ -217,7 +217,7 @@ 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"
@@ -233,16 +233,16 @@ 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" />

src/components/NcAppContent/NcAppContent.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/NcAppNavigationItem/NcAppNavigationItem.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/NcAppNavigationSearch/NcAppNavigationSearch.vue

@@ -131,10 +131,10 @@ 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">
 			<template #trailing-button-icon>

src/components/NcAppNavigationSettings/NcAppNavigationSettings.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/NcAppSettingsDialog/NcAppSettingsDialog.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/NcAppSidebar/NcAppSidebar.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/NcAvatar/NcAvatar.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

src/components/NcBlurHash/NcBlurHash.vue

@@ -227,10 +227,10 @@ function drawBlurHash() {
 <template>
 	<Transition
 		:css="src ? undefined : false"
-		:enter-active-class="$style.fadeTransition"
-		:leave-active-class="$style.fadeTransition"
-		:enter-class="$style.fadeTransitionActive"
-		:leave-to-class="$style.fadeTransitionActive">
+		:enterActiveClass="$style.fadeTransition"
+		:leaveActiveClass="$style.fadeTransition"
+		:enterClass="$style.fadeTransitionActive"
+		:leaveToClass="$style.fadeTransitionActive">
 		<canvas
 			v-if="!imageLoaded"
 			ref="canvas"

src/components/NcBreadcrumb/NcBreadcrumb.vue

@@ -43,9 +43,9 @@ Renders a button element when given no redirection props, otherwise, renders <a/
 			v-if="$slots.default"
 			ref="actions"
 			:container="actionsContainer"
-			:force-menu="forceMenu"
-			force-name
-			:menu-name="name"
+			:forceMenu="forceMenu"
+			forceName
+			:menuName="name"
 			:open="open"
 			:title
 			variant="tertiary"