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

packages/design-system/src/components/N8nNodeCreatorNode/NodeCreatorNode.vue

@@ -36,18 +36,18 @@ const i18n = useI18n();
 		</div>
 		<div>
 			<div :class="$style.details">
-				<span :class="$style.name" v-text="title" data-test-id="node-creator-item-name" />
-				<el-tag v-if="tag" :class="$style.tag" size="small" round type="success">
+				<span :class="$style.name" data-test-id="node-creator-item-name" v-text="title" />
+				<ElTag v-if="tag" :class="$style.tag" size="small" round type="success">
 					{{ tag }}
-				</el-tag>
-				<font-awesome-icon
-					icon="bolt"
+				</ElTag>
+				<FontAwesomeIcon
 					v-if="isTrigger"
+					icon="bolt"
 					size="xs"
 					:title="i18n.baseText('nodeCreator.nodeItem.triggerIconTitle')"
 					:class="$style.triggerIcon"
 				/>
-				<n8n-tooltip
+				<N8nTooltip
 					v-if="!!$slots.tooltip"
 					placement="top"
 					data-test-id="node-creator-item-tooltip"
@@ -56,7 +56,7 @@ const i18n = useI18n();
 						<slot name="tooltip" />
 					</template>
 					<n8n-icon :class="$style.tooltipIcon" icon="cube" />
-				</n8n-tooltip>
+				</N8nTooltip>
 			</div>
 			<p
 				v-if="description"
@@ -66,8 +66,8 @@ const i18n = useI18n();
 			/>
 		</div>
 		<slot name="dragContent" />
-		<button :class="$style.panelIcon" v-if="showActionArrow">
-			<font-awesome-icon :class="$style.panelArrow" icon="arrow-right" />
+		<button v-if="showActionArrow" :class="$style.panelIcon">
+			<FontAwesomeIcon :class="$style.panelArrow" icon="arrow-right" />
 		</button>
 	</div>
 </template>