chore: adjust code style

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

Author: susnux

apps/appstore/src/components/LimitToGroupDialog.vue

@@ -4,6 +4,7 @@
 -->
 
 <script setup lang="ts">
+import type { NcSelectUsersModel } from '@nextcloud/vue/components/NcSelectUsers'
 import type { IAppstoreApp, IAppstoreExApp } from '../apps.d.ts'
 
 import { t } from '@nextcloud/l10n'
@@ -12,7 +13,7 @@ import { useDebounceFn } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcDialog from '@nextcloud/vue/components/NcDialog'
-import NcSelectUsers, { type NcSelectUsersModel } from '@nextcloud/vue/components/NcSelectUsers'
+import NcSelectUsers from '@nextcloud/vue/components/NcSelectUsers'
 import { useAppsStore } from '../store/apps.ts'
 import { useGroupsStore } from '../store/groups.ts'
 

apps/files/src/utils/fileUtils.ts

@@ -2,11 +2,10 @@
  * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import {
-	type Node,
 
-	FileType,
-} from '@nextcloud/files'
+import type { Node } from '@nextcloud/files'
+
+import { FileType } from '@nextcloud/files'
 import { n } from '@nextcloud/l10n'
 
 /**

apps/files_sharing/src/components/NewFileRequestDialog/NewFileRequestDialogDatePassword.vue

@@ -36,7 +36,7 @@
 				:model-value="expirationDate"
 				name="expirationDate"
 				type="date"
-				@input="$emit('update:expirationDate', $event)" />
+				@input="$emit('update:expirationDate', $event) /* eslint-disable-line vue/custom-event-name-casing */" />
 
 			<p v-if="defaultExpireDateEnforced" class="file-request-dialog__info">
 				<IconInfo :size="18" class="file-request-dialog__info-icon" />
@@ -87,12 +87,12 @@
 </template>
 
 <script lang="ts">
-import { t } from '@nextcloud/l10n'
-import {
-	type PropType,
+/* eslint-disable vue/custom-event-name-casing */
+
+import type { PropType } from 'vue'
 
-	defineComponent,
-} from 'vue'
+import { t } from '@nextcloud/l10n'
+import { defineComponent } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import NcDateTimePickerNative from '@nextcloud/vue/components/NcDateTimePickerNative'

apps/files_sharing/src/components/SidebarTabExternal/SidebarTabExternalSectionLegacy.vue

@@ -10,12 +10,9 @@
 </template>
 
 <script lang="ts" setup>
-import {
-	type Component,
-	type PropType,
+import type { Component, PropType } from 'vue'
 
-	computed,
-} from 'vue'
+import { computed } from 'vue'
 
 const props = defineProps({
 	fileInfo: {

apps/files_versions/src/components/VirtualScrolling.vue

@@ -23,11 +23,9 @@
 </template>
 
 <script lang="ts">
-import {
-	type PropType,
+import type { PropType } from 'vue'
 
-	defineComponent,
-} from 'vue'
+import { defineComponent } from 'vue'
 import logger from '../utils/logger.ts'
 
 export interface RowItem {

apps/settings/src/components/SettingsPresets/PresetsSelectionForm.vue

@@ -4,6 +4,8 @@
 -->
 
 <script setup lang="ts">
+import type { PresetAppConfigs, PresetIds } from './models.ts'
+
 import { t } from '@nextcloud/l10n'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import AccountGroupOutline from 'vue-material-design-icons/AccountGroupOutline.vue'
@@ -13,7 +15,6 @@ import Crowd from 'vue-material-design-icons/Crowd.vue'
 import Domain from 'vue-material-design-icons/Domain.vue'
 import MinusCircleOutline from 'vue-material-design-icons/MinusCircleOutline.vue'
 import SchoolOutline from 'vue-material-design-icons/SchoolOutline.vue'
-import { type PresetAppConfigs, type PresetIds } from './models.ts'
 
 defineProps({
 	presets: {

apps/settings/src/components/Users/EditUserDialog.vue

@@ -8,7 +8,7 @@
 		class="edit-dialog"
 		size="small"
 		:name="t('settings', 'Edit account')"
-		outTransition
+		out-transition
 		@closing="$emit('closing')">
 		<form
 			id="edit-user-form"
@@ -17,9 +17,9 @@
 			:disabled="saving"
 			@submit.prevent="save">
 			<UserFormFields
-				:fieldConfig="fieldConfig"
+				:field-config="fieldConfig"
 				:errors="fieldErrors"
-				:quotaOptions="quotaOptions" />
+				:quota-options="quotaOptions" />
 		</form>
 
 		<template #actions>

apps/settings/src/components/Users/UserFormManager.vue

@@ -6,7 +6,7 @@
 <template>
 	<div class="user-form__item user-form__managers">
 		<NcSelectUsers
-			:modelValue="managerModel"
+			:model-value="managerModel"
 			class="user-form__select"
 			:input-label="t('settings', 'Manager')"
 			:placeholder="t('settings', 'Search for a manager…')"
@@ -75,14 +75,22 @@ export default {
 	},
 
 	methods: {
-		/** Map NcSelectUsersModel back to internal formData shape */
+		/**
+		 * Map NcSelectUsersModel back to internal formData shape
+		 *
+		 * @param {object|null} value - The selected user from NcSelectUsers, or null if cleared
+		 */
 		onManagerChange(value) {
 			this.formData.manager = value
 				? { id: value.id, displayname: value.displayName }
 				: ''
 		},
 
-		/** Debounce keystrokes so a 10-char query produces 1-2 requests, not 10. */
+		/**
+		 * Debounce keystrokes so a 10-char query produces 1-2 requests, not 10.
+		 *
+		 * @param {string} query - The search string typed by the user
+		 */
 		searchUserManager(query) {
 			clearTimeout(this.searchTimeout)
 			this.searchTimeout = setTimeout(() => this.fetchManagers(query), 200)

apps/settings/src/store/users.js

@@ -350,6 +350,12 @@ const getters = {
 const CancelToken = axios.CancelToken
 let searchRequestCancelSource = null
 
+/**
+ * Commit groups from a users response to the store.
+ *
+ * @param context - The Vuex store context
+ * @param response - The response from the API containing user and group data
+ */
 function commitGroupsFromUsersResponse(context, response) {
 	const groups = response.data.ocs.data.groups ?? []
 	if (groups.length === 0) {

apps/settings/src/views/SettingsApp.vue

@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcContent :class="$style.settingsApp" appName="settings">
+	<NcContent :class="$style.settingsApp" app-name="settings">
 		<SettingsNavigation />
 		<SettingsContentWrapper />
 	</NcContent>