chore: fix ESLint rule vue/v-on-event-hyphenation

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

Author: susnux

src/components/NcActionInput/NcActionInput.vue

@@ -169,7 +169,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							class="action-input__datetimepicker"
 							appendToBody
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcDateTimePickerNative
 							v-else-if="isNativePicker"
@@ -180,7 +180,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							:inputClass="{ focusable: isFocusable }"
 							class="action-input__datetimepicker"
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcSelect
 							v-else-if="isMultiselectType"
@@ -191,7 +191,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							:inputClass="{ focusable: isFocusable }"
 							class="action-input__multi"
 							v-bind="$attrs"
-							@update:model-value="onUpdateModelValue" />
+							@update:modelValue="onUpdateModelValue" />
 
 						<NcPasswordField
 							v-else-if="type === 'password'"
@@ -204,7 +204,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							: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
@@ -220,7 +220,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 									:modelValue="modelValue"
 									class="colorpicker__trigger"
 									v-bind="$attrs"
-									@update:model-value="onUpdateModelValue"
+									@update:modelValue="onUpdateModelValue"
 									@submit="$refs.form.requestSubmit()">
 									<button
 										class="colorpicker__preview"
@@ -244,8 +244,8 @@ For the `NcSelect` component, all events will be passed through. Please see the
 							: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/NcAppNavigationSearch/NcAppNavigationSearch.vue

@@ -136,7 +136,7 @@ export default {
 			showTrailingButton
 			:trailingButtonLabel="t('Clear search')"
 			type="search"
-			@trailing-button-click="onCloseSearch">
+			@trailingButtonClick="onCloseSearch">
 			<template #trailing-button-icon>
 				<IconClose :size="20" />
 			</template>

src/components/NcAppSidebar/NcAppSidebar.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"

src/components/NcCollectionList/NcCollectionList.vue

@@ -63,8 +63,8 @@ occ config:system:set --value true 'projects.enabled'
 			:key="collection.id"
 			:collection="collection"
 			:error="collectionsError[collection.id]"
-			@rename-collection="renameCollectionFromItem"
-			@remove-resource="removeResourceFromCollection" />
+			@renameCollection="renameCollectionFromItem"
+			@removeResource="removeResourceFromCollection" />
 	</ul>
 </template>
 

src/components/NcColorPicker/NcColorPicker.vue

@@ -369,7 +369,7 @@ function hexToRGB(hex: string): [number, number, number] {
 		v-model:shown="open"
 		:container="container"
 		popupRole="dialog"
-		@apply-hide="emit('closed')">
+		@applyHide="emit('closed')">
 		<template #trigger="slotProps">
 			<slot v-bind="slotProps" />
 		</template>
@@ -422,7 +422,7 @@ function hexToRGB(hex: string): [number, number, number] {
 						disableAlpha
 						:disableFields="!advancedFields"
 						:modelValue="currentColor ?? '#000000'"
-						@update:model-value="pickCustomColor" />
+						@update:modelValue="pickCustomColor" />
 				</Transition>
 				<div v-if="!paletteOnly" class="color-picker__navigation">
 					<NcButton

src/components/NcDateTimePicker/NcDateTimePicker.vue

@@ -614,7 +614,7 @@ function cancelSelection() {
 			:weekNumbers="showWeekNumber ? { type: 'iso' } : undefined"
 			:weekStart
 			v-bind="pickerType"
-			@update:model-value="onUpdateModelValue">
+			@update:modelValue="onUpdateModelValue">
 			<template #action-buttons>
 				<NcButton size="small" variant="tertiary" @click="cancelSelection">
 					{{ t('Cancel') }}

src/components/NcEmojiPicker/NcEmojiPicker.vue

@@ -113,8 +113,8 @@ This component allows the user to pick an emoji.
 		:container="container"
 		popupRole="dialog"
 		:noFocusTrap="true /* Handled manually to remove emoji buttons from TAB sequence */"
-		@after-show="afterShow"
-		@after-hide="afterHide">
+		@afterShow="afterShow"
+		@afterHide="afterHide">
 		<template #trigger="slotProps">
 			<slot v-bind="slotProps" />
 		</template>
@@ -156,14 +156,14 @@ This component allows the user to pick an emoji.
 							@keydown.down="callPickerArrowHandlerWithScrollFix('onArrowDown', $event)"
 							@keydown.up="callPickerArrowHandlerWithScrollFix('onArrowUp', $event)"
 							@keydown.enter="$refs.picker.onEnter($event)"
-							@trailing-button-click="clearSearch(); onSearch('');"
-							@update:model-value="onSearch(search)" />
+							@trailingButtonClick="clearSearch(); onSearch('');"
+							@update:modelValue="onSearch(search)" />
 						<NcColorPicker
 							paletteOnly
 							:container
 							:palette="skinTonePalette"
 							:modelValue="currentColor.color"
-							@update:model-value="onChangeSkinTone">
+							@update:modelValue="onChangeSkinTone">
 							<NcButton :aria-label="t('Skin tone')" variant="tertiary-no-background">
 								<template #icon>
 									<IconCircle :style="{ color: currentColor.color }" :title="currentColor.name" :size="20" />

src/components/NcModal/NcModal.vue

@@ -400,8 +400,8 @@ function clearFocusTrap() {
 		<transition
 			name="fade"
 			appear
-			@after-enter="useFocusTrap"
-			@before-leave="clearFocusTrap">
+			@afterEnter="useFocusTrap"
+			@beforeLeave="clearFocusTrap">
 			<div
 				v-show="showModal"
 				v-bind="{ ...$attrs, ...scopeIdAttrs }"

src/components/NcPasswordField/NcPasswordField.vue

@@ -304,7 +304,7 @@ function select() {
 		:success="success || isValid === true"
 		:trailingButtonLabel="visible ? t('Hide password') : t('Show password')"
 		:type="visible || asText ? 'text' : 'password'"
-		@trailing-button-click="toggleVisibility">
+		@trailingButtonClick="toggleVisibility">
 		<template v-if="!!$slots.icon" #icon>
 			<!-- @slot Leading icon -->
 			<slot name="icon" />

src/components/NcPopover/NcPopover.vue

@@ -196,8 +196,8 @@ See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/
 		:hideTriggers
 		:showTriggers
 		@update:shown="internalShown = $event"
-		@apply-show="afterShow"
-		@apply-hide="afterHide">
+		@applyShow="afterShow"
+		@applyHide="afterHide">
 		<NcPopoverTriggerProvider v-slot="slotProps" :shown="internalShown" :popupRole="popupRole">
 			<!-- This will be the popover target (for the events and position) -->
 			<slot name="trigger" v-bind="slotProps" />