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

packages/editor-ui/src/components/TemplateCard.vue

@@ -6,15 +6,15 @@
 			firstItem && $style.first,
 			!loading && $style.loaded,
 		]"
-		@click="onCardClick"
 		data-test-id="template-card"
+		@click="onCardClick"
 	>
-		<div :class="$style.loading" v-if="loading">
-			<n8n-loading :rows="2" :shrinkLast="false" :loading="loading" />
+		<div v-if="loading" :class="$style.loading">
+			<n8n-loading :rows="2" :shrink-last="false" :loading="loading" />
 		</div>
 		<div v-else>
 			<n8n-heading :bold="true" size="small">{{ workflow.name }}</n8n-heading>
-			<div :class="$style.content" v-if="!simpleView">
+			<div v-if="!simpleView" :class="$style.content">
 				<span v-if="workflow.totalViews">
 					<n8n-text size="small" color="text-light">
 						<font-awesome-icon icon="eye" />
@@ -31,16 +31,16 @@
 				>
 			</div>
 		</div>
-		<div :class="[$style.nodesContainer, useWorkflowButton && $style.hideOnHover]" v-if="!loading">
+		<div v-if="!loading" :class="[$style.nodesContainer, useWorkflowButton && $style.hideOnHover]">
 			<NodeList v-if="workflow.nodes" :nodes="workflow.nodes" :limit="nodesToBeShown" size="md" />
 		</div>
-		<div :class="$style.buttonContainer" v-if="useWorkflowButton">
+		<div v-if="useWorkflowButton" :class="$style.buttonContainer">
 			<n8n-button
 				v-if="useWorkflowButton"
 				outline
 				label="Use workflow"
-				@click.stop="onUseWorkflowClick"
 				data-test-id="use-workflow-button"
+				@click.stop="onUseWorkflowClick"
 			/>
 		</div>
 	</div>
@@ -56,6 +56,10 @@ import TimeAgo from '@/components/TimeAgo.vue';
 
 export default defineComponent({
 	name: 'TemplateCard',
+	components: {
+		TimeAgo,
+		NodeList,
+	},
 	mixins: [genericHelpers],
 	props: {
 		lastItem: {
@@ -80,10 +84,6 @@ export default defineComponent({
 			default: false,
 		},
 	},
-	components: {
-		TimeAgo,
-		NodeList,
-	},
 	data() {
 		return {
 			nodesToBeShown: 5,