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

packages/editor-ui/src/components/WorkflowHistory/WorkflowHistoryContent.vue

@@ -68,15 +68,15 @@ const onAction = ({
 			v-if="props.workflowVersion"
 			:workflow="workflowVersionPreview"
 			:loading="props.isListLoading"
-			loaderType="spinner"
+			loader-type="spinner"
 		/>
 		<ul :class="$style.info">
-			<workflow-history-list-item
-				:class="$style.card"
+			<WorkflowHistoryListItem
 				v-if="props.workflowVersion"
+				:class="$style.card"
 				:index="-1"
 				:item="props.workflowVersion"
-				:isActive="false"
+				:is-active="false"
 				:actions="actions"
 				@action="onAction"
 			>
@@ -110,7 +110,7 @@ const onAction = ({
 						<n8n-icon class="ml-3xs" icon="chevron-down" size="small" />
 					</n8n-button>
 				</template>
-			</workflow-history-list-item>
+			</WorkflowHistoryListItem>
 		</ul>
 	</div>
 </template>

packages/editor-ui/src/components/WorkflowHistory/WorkflowHistoryList.vue

@@ -105,13 +105,13 @@ const onItemMounted = ({
 </script>
 
 <template>
-	<ul :class="$style.list" ref="listElement" data-test-id="workflow-history-list">
-		<workflow-history-list-item
+	<ul ref="listElement" :class="$style.list" data-test-id="workflow-history-list">
+		<WorkflowHistoryListItem
 			v-for="(item, index) in props.items"
 			:key="item.versionId"
 			:index="index"
 			:item="item"
-			:isActive="item.versionId === props.activeItem?.versionId"
+			:is-active="item.versionId === props.activeItem?.versionId"
 			:actions="getActions(index)"
 			@action="onAction"
 			@preview="onPreview"

packages/editor-ui/src/components/WorkflowHistory/WorkflowHistoryListItem.vue

@@ -99,7 +99,7 @@ onMounted(() => {
 			[$style.actionsVisible]: actionsVisible,
 		}"
 	>
-		<slot :formattedCreatedAt="formattedCreatedAt">
+		<slot :formatted-created-at="formattedCreatedAt">
 			<p @click="onItemClick">
 				<time :datetime="item.createdAt">{{ formattedCreatedAt }}</time>
 				<n8n-tooltip

packages/editor-ui/src/components/WorkflowHistory/WorkflowHistoryVersionRestoreModal.vue

@@ -60,8 +60,8 @@ const closeModal = () => {
 			<div :class="$style.footer">
 				<n8n-button
 					v-for="(button, index) in props.data.buttons"
-					size="medium"
 					:key="index"
+					size="medium"
 					:type="button.type"
 					@click="
 						() => {