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

packages/editor-ui/src/mixins/copyPaste.ts

@@ -149,6 +149,19 @@ export const copyPaste = defineComponent({
 		// @ts-ignore
 		document.addEventListener('paste', this.onPaste);
 	},
+	beforeUnmount() {
+		if (this.hiddenInput) {
+			this.hiddenInput.remove();
+		}
+		if (this.onPaste) {
+			// @ts-ignore
+			document.removeEventListener('paste', this.onPaste);
+		}
+		if (this.onBeforePaste) {
+			// @ts-ignore
+			document.removeEventListener('beforepaste', this.onBeforePaste);
+		}
+	},
 	methods: {
 		receivedCopyPasteData(plainTextData: string, event?: ClipboardEvent): void {
 			// THIS HAS TO BE DEFINED IN COMPONENT!
@@ -226,17 +239,4 @@ export const copyPaste = defineComponent({
 			}
 		},
 	},
-	beforeUnmount() {
-		if (this.hiddenInput) {
-			this.hiddenInput.remove();
-		}
-		if (this.onPaste) {
-			// @ts-ignore
-			document.removeEventListener('paste', this.onPaste);
-		}
-		if (this.onBeforePaste) {
-			// @ts-ignore
-			document.removeEventListener('beforepaste', this.onBeforePaste);
-		}
-	},
 });

packages/editor-ui/src/mixins/nodeBase.ts

@@ -57,6 +57,12 @@ const createDiamondOutputEndpointSpec = (): EndpointSpec => ({
 
 export const nodeBase = defineComponent({
 	mixins: [deviceSupportHelpers],
+	data() {
+		return {
+			inputs: [] as Array<ConnectionTypes | INodeInputConfiguration>,
+			outputs: [] as Array<ConnectionTypes | INodeOutputConfiguration>,
+		};
+	},
 	mounted() {
 		// Initialize the node
 		if (this.data !== null) {
@@ -68,12 +74,6 @@ export const nodeBase = defineComponent({
 			}
 		}
 	},
-	data() {
-		return {
-			inputs: [] as Array<ConnectionTypes | INodeInputConfiguration>,
-			outputs: [] as Array<ConnectionTypes | INodeOutputConfiguration>,
-		};
-	},
 	computed: {
 		...mapStores(useNodeTypesStore, useUIStore, useCanvasStore, useWorkflowsStore, useHistoryStore),
 		data(): INodeUi | null {

packages/editor-ui/src/mixins/pushConnection.ts

@@ -41,6 +41,7 @@ import { useCollaborationStore } from '@/stores/collaboration.store';
 import { useExternalHooks } from '@/composables/useExternalHooks';
 
 export const pushConnection = defineComponent({
+	mixins: [workflowHelpers],
 	setup() {
 		return {
 			...useTitleChange(),
@@ -48,18 +49,17 @@ export const pushConnection = defineComponent({
 			nodeHelpers: useNodeHelpers(),
 		};
 	},
-	created() {
-		this.pushStore.addEventListener((message) => {
-			void this.pushMessageReceived(message);
-		});
-	},
-	mixins: [workflowHelpers],
 	data() {
 		return {
 			retryTimeout: null as NodeJS.Timeout | null,
 			pushMessageQueue: [] as Array<{ message: IPushData; retriesLeft: number }>,
 		};
 	},
+	created() {
+		this.pushStore.addEventListener((message) => {
+			void this.pushMessageReceived(message);
+		});
+	},
 	computed: {
 		...mapStores(
 			useCredentialsStore,