refactor(editor): Improve linting for component and prop names (no-changelog) (#8169)

packages/editor-ui/src/components/SuggestedTemplates/SuggestedTemplatesPage.vue

@@ -4,9 +4,8 @@ import { computed } from 'vue';
 import { useUsersStore } from '@/stores/users.store';
 import { useUIStore } from '@/stores/ui.store';
 import { VIEWS } from '@/constants';
-import type { ITemplatesCollection } from '@/Interface';
+import type { ITemplatesCollection, IUser } from '@/Interface';
 import SuggestedTemplatesSection from '@/components/SuggestedTemplates/SuggestedTemplatesSection.vue';
-import type { IUser } from '@/Interface';
 
 const usersStore = useUsersStore();
 const uiStore = useUIStore();
@@ -15,7 +14,7 @@ const router = useRouter();
 const currentUser = computed(() => usersStore.currentUser);
 
 const upperCaseFirstName = (user: IUser | null) => {
-	if (!user || !user.firstName) return;
+	if (!user?.firstName) return;
 	return user.firstName?.charAt(0)?.toUpperCase() + user?.firstName?.slice(1);
 };
 
@@ -75,11 +74,11 @@ defineExpose({
 			</n8n-text>
 		</div>
 		<div :class="$style.content">
-			<suggested-templates-section
+			<SuggestedTemplatesSection
 				v-for="section in uiStore.suggestedTemplates?.sections"
 				:key="section.title"
 				:section="section"
-				:showTitle="false"
+				:show-title="false"
 			/>
 		</div>
 		<div>

packages/editor-ui/src/components/SuggestedTemplates/SuggestedTemplatesPreviewModal.vue

@@ -77,11 +77,11 @@ function openCanvas() {
 			</n8n-heading>
 		</template>
 		<template #content>
-			<workflow-preview
+			<WorkflowPreview
 				:loading="false"
 				:workflow="$props.data.workflow.preview as IWorkflowDb"
-				:canOpenNDV="false"
-				:hideNodeIssues="true"
+				:can-open-n-d-v="false"
+				:hide-node-issues="true"
 				@close="uiStore.closeModal(SUGGESTED_TEMPLATES_PREVIEW_MODAL_KEY)"
 			/>
 		</template>
@@ -91,10 +91,10 @@ function openCanvas() {
 			</div>
 			<div :class="$style.footerButtons">
 				<n8n-button
-					@click="openCanvas"
 					float="right"
 					data-test-id="use-template-button"
 					:label="$locale.baseText('suggestedTemplates.modal.button.label')"
+					@click="openCanvas"
 				/>
 			</div>
 		</template>

packages/editor-ui/src/components/SuggestedTemplates/SuggestedTemplatesSection.vue

@@ -61,12 +61,12 @@ function onOpenCollection({ id }: { event: Event; id: number }) {
 			</n8n-text>
 		</div>
 		<div :class="$style.content">
-			<templates-info-carousel
+			<TemplatesInfoCarousel
 				:collections="sectionTemplates"
 				:loading="false"
-				:showItemCount="false"
-				:showNavigation="false"
-				cardsWidth="24%"
+				:show-item-count="false"
+				:show-navigation="false"
+				cards-width="24%"
 				@openCollection="onOpenCollection"
 			/>
 		</div>