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

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

@@ -104,16 +104,16 @@ listenForCredentialChanges({
 					[$style.invisible]: !props.selectedCredentialId,
 				}"
 				:title="i18n.baseText('nodeCredentials.updateCredential')"
-				@click="editCredential()"
 				data-test-id="credential-edit-button"
+				@click="editCredential()"
 			/>
 		</div>
 
 		<n8n-button
 			v-else
 			:label="`Create new ${props.appName} credential`"
-			@click="createNewCredential"
 			data-test-id="create-credential"
+			@click="createNewCredential"
 		/>
 	</div>
 </template>

packages/editor-ui/src/components/CredentialPicker/CredentialsDropdown.vue

@@ -40,13 +40,13 @@ const onCredentialSelected = (credentialId: string) => {
 <template>
 	<n8n-select
 		size="small"
-		:modelValue="props.selectedCredentialId"
+		:model-value="props.selectedCredentialId"
 		@update:modelValue="onCredentialSelected"
 	>
 		<n8n-option
 			v-for="item in props.credentialOptions"
-			:data-test-id="`node-credentials-select-item-${item.id}`"
 			:key="item.id"
+			:data-test-id="`node-credentials-select-item-${item.id}`"
 			:label="item.name"
 			:value="item.id"
 		>
@@ -56,8 +56,8 @@ const onCredentialSelected = (credentialId: string) => {
 			</div>
 		</n8n-option>
 		<n8n-option
-			data-test-id="node-credentials-select-item-new"
 			:key="NEW_CREDENTIALS_TEXT"
+			data-test-id="node-credentials-select-item-new"
 			:value="NEW_CREDENTIALS_TEXT"
 			:label="NEW_CREDENTIALS_TEXT"
 		>