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

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

@@ -1,6 +1,6 @@
 <template>
 	<span :class="$style.container" data-test-id="node-title-container" @click="onEdit">
-		<span :class="$style.iconWrapper"><NodeIcon :nodeType="nodeType" :size="18" /></span>
+		<span :class="$style.iconWrapper"><NodeIcon :node-type="nodeType" :size="18" /></span>
 		<n8n-popover placement="right" width="200" :visible="editName" :disabled="!editable">
 			<div
 				:class="$style.editContainer"
@@ -11,19 +11,19 @@
 				<n8n-text :bold="true" color="text-base" tag="div">{{
 					$locale.baseText('ndv.title.renameNode')
 				}}</n8n-text>
-				<n8n-input ref="input" size="small" v-model="newName" data-test-id="node-rename-input" />
+				<n8n-input ref="input" v-model="newName" size="small" data-test-id="node-rename-input" />
 				<div :class="$style.editButtons">
 					<n8n-button
 						type="secondary"
 						size="small"
-						@click="editName = false"
 						:label="$locale.baseText('ndv.title.cancel')"
+						@click="editName = false"
 					/>
 					<n8n-button
 						type="primary"
 						size="small"
-						@click="onRename"
 						:label="$locale.baseText('ndv.title.rename')"
+						@click="onRename"
 					/>
 				</div>
 			</div>
@@ -31,7 +31,7 @@
 				<div :class="{ [$style.title]: true, [$style.hoverable]: editable }">
 					{{ modelValue }}
 					<div :class="$style.editIconContainer">
-						<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="editable" />
+						<font-awesome-icon v-if="editable" :class="$style.editIcon" icon="pencil-alt" />
 					</div>
 				</div>
 			</template>