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

packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue

@@ -12,8 +12,8 @@
 	</div>
 	<div v-else :class="$style.previewContainer">
 		<div
-			:class="$style.executionDetails"
 			v-if="activeExecution"
+			:class="$style.executionDetails"
 			:data-test-id="`execution-preview-details-${executionId}`"
 		>
 			<div>
@@ -96,18 +96,18 @@
 							},
 						}"
 					>
-						<span @click="handleDebugLinkClick" data-test-id="execution-debug-button">{{
+						<span data-test-id="execution-debug-button" @click="handleDebugLinkClick">{{
 							debugButtonData.text
 						}}</span>
 					</router-link>
 				</n8n-button>
 
-				<el-dropdown
+				<ElDropdown
 					v-if="executionUIDetails?.name === 'error'"
+					ref="retryDropdown"
 					trigger="click"
 					class="mr-xs"
 					@command="handleRetryClick"
-					ref="retryDropdown"
 				>
 					<span class="retry-button">
 						<n8n-icon-button
@@ -129,7 +129,7 @@
 							</el-dropdown-item>
 						</el-dropdown-menu>
 					</template>
-				</el-dropdown>
+				</ElDropdown>
 				<n8n-icon-button
 					:title="$locale.baseText('executionDetails.deleteExecution')"
 					icon="trash"
@@ -140,11 +140,11 @@
 				/>
 			</div>
 		</div>
-		<workflow-preview
+		<WorkflowPreview
 			mode="execution"
-			loaderType="spinner"
-			:executionId="executionId"
-			:executionMode="executionMode"
+			loader-type="spinner"
+			:execution-id="executionId"
+			:execution-mode="executionMode"
 		/>
 	</div>
 </template>
@@ -162,23 +162,23 @@ import { MODAL_CONFIRM, VIEWS } from '@/constants';
 type RetryDropdownRef = InstanceType<typeof ElDropdown> & { hide: () => void };
 
 export default defineComponent({
-	name: 'execution-preview',
-	mixins: [executionHelpers],
+	name: 'ExecutionPreview',
 	components: {
 		ElDropdown,
 		WorkflowPreview,
 	},
-	data() {
-		return {
-			VIEWS,
-		};
-	},
+	mixins: [executionHelpers],
 	setup() {
 		return {
 			...useMessage(),
 			...useExecutionDebugging(),
 		};
 	},
+	data() {
+		return {
+			VIEWS,
+		};
+	},
 	computed: {
 		executionUIDetails(): IExecutionUIData | null {
 			return this.activeExecution ? this.getExecutionUIDetails(this.activeExecution) : null;