run lint:fix

Signed-off-by: Christian Hartmann <chris-hartmann@gmx.de>

Author: Chartman123

src/Forms.vue

@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcContent app-name="forms">
+	<NcContent appName="forms">
 		<NcAppNavigation
 			v-if="canCreateForms || hasForms"
 			:aria-label="t('forms', 'Forms navigation')">
@@ -20,17 +20,17 @@
 			<!-- Form-Owner-->
 			<template v-if="ownedForms.length > 0">
 				<NcAppNavigationCaption
-					is-heading
+					isHeading
 					class="forms-navigation__list-heading"
-					heading-id="forms-navigation-your-forms"
+					headingId="forms-navigation-your-forms"
 					:name="t('forms', 'Your forms')" />
 				<ul aria-labelledby="forms-navigation-your-forms">
 					<AppNavigationForm
 						v-for="form in ownedForms"
 						:key="form.id"
 						:form="form"
-						@open-sharing="openSharing"
-						@mobile-close-navigation="mobileCloseNavigation"
+						@openSharing="openSharing"
+						@mobileCloseNavigation="mobileCloseNavigation"
 						@clone="onCloneForm"
 						@delete="onDeleteForm" />
 				</ul>
@@ -39,19 +39,19 @@
 			<!-- Shared Forms-->
 			<template v-if="sharedForms.length > 0">
 				<NcAppNavigationCaption
-					is-heading
+					isHeading
 					class="forms-navigation__list-heading"
-					heading-id="forms-navigation-shared-forms"
+					headingId="forms-navigation-shared-forms"
 					:name="t('forms', 'Shared with you')" />
 				<ul aria-labelledby="forms-navigation-shared-forms">
 					<AppNavigationForm
 						v-for="form in sharedForms"
 						:key="form.id"
 						:form="form"
-						read-only
-						@open-sharing="openSharing"
+						readOnly
+						@openSharing="openSharing"
 						@clone="onCloneForm"
-						@mobile-close-navigation="mobileCloseNavigation" />
+						@mobileCloseNavigation="mobileCloseNavigation" />
 				</ul>
 			</template>
 
@@ -120,16 +120,16 @@
 		<template v-else>
 			<router-view
 				:form="selectedForm"
-				:sidebar-opened="sidebarOpened"
+				:sidebarOpened="sidebarOpened"
 				@update:form="updateSelectedForm"
-				@update:sidebar-opened="sidebarOpened = $event"
-				@open-sharing="openSharing" />
+				@update:sidebarOpened="sidebarOpened = $event"
+				@openSharing="openSharing" />
 			<Sidebar
 				v-if="!selectedForm.partial && canEdit"
 				:form="selectedForm"
-				:sidebar-opened="sidebarOpened"
+				:sidebarOpened="sidebarOpened"
 				:active="sidebarActive"
-				@update:sidebar-opened="sidebarOpened = $event"
+				@update:sidebarOpened="sidebarOpened = $event"
 				@update:active="sidebarActive = $event" />
 		</template>
 
@@ -208,6 +208,35 @@ export default {
 
 		const PERMISSION_TYPES = PermissionTypes.data().PERMISSION_TYPES
 
+		const routeHash = computed(() => route.params.hash)
+
+		const routeAllowed = computed(() => {
+			if (loading.value && loadState(appName, 'formId') === 'invalid') {
+				return false
+			}
+
+			if (!routeHash.value) {
+				return false
+			}
+
+			const form = [...forms.value, ...allSharedForms.value].find(
+				(form) => form.hash === routeHash.value,
+			)
+
+			if (form === undefined) {
+				fetchPartialForm(routeHash.value)
+				return false
+			}
+
+			if (route.name === 'results') {
+				return (
+					form.permissions.includes(route.name) || form.submissionCount > 0
+				)
+			}
+
+			return form?.permissions.includes(route.name)
+		})
+
 		const selectedForm = computed(() => {
 			if (routeAllowed.value) {
 				return (
@@ -264,36 +293,6 @@ export default {
 			)
 		})
 
-		const routeHash = computed(() => route.params.hash)
-
-		const routeAllowed = computed(() => {
-			if (loading.value && loadState(appName, 'formId') === 'invalid') {
-				return false
-			}
-
-			if (!routeHash.value) {
-				return false
-			}
-
-			const form = [...forms.value, ...allSharedForms.value].find(
-				(form) => form.hash === routeHash.value,
-			)
-
-			if (form === undefined) {
-				fetchPartialForm(routeHash.value)
-				return false
-			}
-
-			if (route.name === 'results') {
-				return (
-					form.permissions.includes(route.name)
-					|| form.submissionCount > 0
-				)
-			}
-
-			return form?.permissions.includes(route.name)
-		})
-
 		const mobileCloseNavigation = () => {
 			if (isMobile.value) {
 				emit('toggle-navigation', { open: false })
@@ -342,7 +341,12 @@ export default {
 			loading.value = false
 		}
 
-		const fetchPartialForm = async (hash) => {
+		/**
+		 * Fetch a partial form by its hash after initial load completes.
+		 *
+		 * @param {string} hash The hash of the form to fetch.
+		 */
+		async function fetchPartialForm(hash) {
 			await new Promise((resolve) => {
 				const wait = () => {
 					if (loading.value) {

src/FormsEmptyContent.vue

@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcContent app-name="forms">
+	<NcContent appName="forms">
 		<NcAppContent class="forms-emptycontent">
 			<NcEmptyContent
 				:name="currentModel.title"

src/FormsSettings.vue

@@ -11,7 +11,7 @@
 				v-model="appConfig.restrictCreation"
 				class="forms-settings__creation__switch"
 				type="switch"
-				@update:model-value="onRestrictCreationChange">
+				@update:modelValue="onRestrictCreationChange">
 				{{ t('forms', 'Restrict form creation to selected groups') }}
 			</NcCheckboxRadioSwitch>
 			<NcSelect
@@ -29,21 +29,21 @@
 				ref="switchAllowPublicLink"
 				v-model="appConfig.allowPublicLink"
 				type="switch"
-				@update:model-value="onAllowPublicLinkChange">
+				@update:modelValue="onAllowPublicLinkChange">
 				{{ t('forms', 'Allow sharing by link') }}
 			</NcCheckboxRadioSwitch>
 			<NcCheckboxRadioSwitch
 				ref="switchAllowPermitAll"
 				v-model="appConfig.allowPermitAll"
 				type="switch"
-				@update:model-value="onAllowPermitAllChange">
+				@update:modelValue="onAllowPermitAllChange">
 				{{ t('forms', 'Allow sharing to all logged in accounts') }}
 			</NcCheckboxRadioSwitch>
 			<NcCheckboxRadioSwitch
 				ref="switchAllowShowToAll"
 				v-model="appConfig.allowShowToAll"
 				type="switch"
-				@update:model-value="onAllowShowToAllChange">
+				@update:modelValue="onAllowShowToAllChange">
 				{{
 					t(
 						'forms',

src/FormsSubmit.vue

@@ -4,13 +4,13 @@
 -->
 
 <template>
-	<NcContent app-name="forms" :class="{ 'app-forms-embedded': isEmbedded }">
+	<NcContent appName="forms" :class="{ 'app-forms-embedded': isEmbedded }">
 		<Submit
 			:form="form"
-			public-view
-			:share-hash="shareHash"
-			:is-logged-in="isLoggedIn"
-			:sidebar-opened="false" />
+			publicView
+			:shareHash="shareHash"
+			:isLoggedIn="isLoggedIn"
+			:sidebarOpened="false" />
 	</NcContent>
 </template>
 

src/components/AppNavigationForm.vue

@@ -7,9 +7,9 @@
 	<NcListItem
 		:active="isActive"
 		:actions-aria-label="t('forms', 'Form actions')"
-		:counter-number="form.submissionCount"
+		:counterNumber="form.submissionCount"
 		compact
-		:force-display-actions="forceDisplayActions"
+		:forceDisplayActions="forceDisplayActions"
 		:name="formTitle"
 		:to="{
 			name: routerTarget,
@@ -29,7 +29,7 @@
 			#actions>
 			<NcActionRouter
 				v-if="!isArchived && canEdit"
-				close-after-click
+				closeAfterClick
 				:disabled="isFormLocked"
 				:to="{ name: 'edit', params: { hash: form.hash } }"
 				@click="mobileCloseNavigation">
@@ -40,7 +40,7 @@
 			</NcActionRouter>
 			<NcActionButton
 				v-if="!isArchived && !readOnly"
-				close-after-click
+				closeAfterClick
 				@click="onShareForm">
 				<template #icon>
 					<IconShareVariant :size="20" />
@@ -49,15 +49,15 @@
 			</NcActionButton>
 			<NcActionRouter
 				v-if="canSeeResults"
-				close-after-click
+				closeAfterClick
 				:to="{ name: 'results', params: { hash: form.hash } }"
 				@click="mobileCloseNavigation">
 				<template #icon>
 					<IconPoll :size="20" />
 				</template>
 				{{ t('forms', 'Results') }}
 			</NcActionRouter>
-			<NcActionButton v-if="canEdit" close-after-click @click="onCloneForm">
+			<NcActionButton v-if="canEdit" closeAfterClick @click="onCloneForm">
 				<template #icon>
 					<IconContentCopy :size="20" />
 				</template>
@@ -66,7 +66,7 @@
 			<NcActionSeparator v-if="canEdit && !readOnly" />
 			<NcActionButton
 				v-if="canEdit && !readOnly"
-				close-after-click
+				closeAfterClick
 				:disabled="isFormLocked"
 				@click="onToggleArchive">
 				<template #icon>
@@ -81,7 +81,7 @@
 			</NcActionButton>
 			<NcActionButton
 				v-if="canEdit && !readOnly"
-				close-after-click
+				closeAfterClick
 				:disabled="isFormLocked"
 				@click="onConfirmDelete">
 				<template #icon>
@@ -157,13 +157,7 @@ export default {
 		},
 	},
 
-	emits: [
-		'mobile-close-navigation',
-		'open-sharing',
-		'clone',
-		'update-form-state',
-		'delete',
-	],
+	emits: ['mobileCloseNavigation', 'openSharing', 'clone', 'delete'],
 
 	data() {
 		return {
@@ -276,11 +270,11 @@ export default {
 		 * Closes the App-Navigation on mobile-devices
 		 */
 		mobileCloseNavigation() {
-			this.$emit('mobile-close-navigation')
+			this.$emit('mobileCloseNavigation')
 		},
 
 		onShareForm() {
-			this.$emit('open-sharing', this.form.hash)
+			this.$emit('openSharing', this.form.hash)
 		},
 
 		onCloneForm() {

src/components/ArchivedFormsModal.vue

@@ -5,7 +5,7 @@
 
 <template>
 	<NcDialog
-		content-classes="archived-forms"
+		contentClasses="archived-forms"
 		:name="t('forms', 'Archived forms')"
 		:open="open"
 		size="normal"
@@ -15,10 +15,10 @@
 				v-for="(form, key) in shownForms"
 				:key="key"
 				:form="form"
-				force-display-actions
+				forceDisplayActions
 				@clone="onCloneForm(form.id)"
 				@delete="onDelete(form)"
-				@mobile-close-navigation="$emit('update:open', false)" />
+				@mobileCloseNavigation="$emit('update:open', false)" />
 		</ul>
 	</NcDialog>
 </template>

src/components/OptionInputDialog.vue

@@ -5,7 +5,7 @@
 
 <template>
 	<NcDialog
-		content-classes="options-modal"
+		contentClasses="options-modal"
 		:name="t('forms', 'Add multiple options')"
 		:open="open"
 		:buttons="buttons"
@@ -18,10 +18,10 @@
 			resize="vertical"
 			rows="10" />
 		<NcSelect
-			:input-label="t('forms', 'Options')"
+			:inputLabel="t('forms', 'Options')"
 			multiple
 			disabled
-			:model-value="multipleOptions" />
+			:modelValue="multipleOptions" />
 	</NcDialog>
 </template>
 
@@ -50,7 +50,7 @@ export default defineComponent({
 		},
 	},
 
-	emits: ['update:open', 'multiple-answers'],
+	emits: ['update:open', 'multipleAnswers'],
 
 	data() {
 		return {
@@ -93,7 +93,7 @@ export default defineComponent({
 			this.$emit('update:open', false)
 			if (this.multipleOptions.length > 1) {
 				// extract all options entries to parent
-				this.$emit('multiple-answers', this.multipleOptions)
+				this.$emit('multipleAnswers', this.multipleOptions)
 				this.enteredOptions = ''
 				return
 			}