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

packages/design-system/src/components/N8nActionBox/ActionBox.vue

@@ -1,37 +1,37 @@
 <template>
 	<div :class="['n8n-action-box', $style.container]" data-test-id="action-box">
-		<div :class="$style.emoji" v-if="emoji">
+		<div v-if="emoji" :class="$style.emoji">
 			{{ emoji }}
 		</div>
-		<div :class="$style.heading" v-if="heading || $slots.heading">
-			<n8n-heading size="xlarge" align="center">
+		<div v-if="heading || $slots.heading" :class="$style.heading">
+			<N8nHeading size="xlarge" align="center">
 				<slot name="heading">{{ heading }}</slot>
-			</n8n-heading>
+			</N8nHeading>
 		</div>
 		<div :class="$style.description" @click="$emit('descriptionClick', $event)">
-			<n8n-text color="text-base">
+			<N8nText color="text-base">
 				<slot name="description">
 					<span v-html="description"></span>
 				</slot>
-			</n8n-text>
+			</N8nText>
 		</div>
-		<n8n-button
+		<N8nButton
 			v-if="buttonText"
 			:label="buttonText"
 			:type="buttonType"
 			size="large"
 			@click="$emit('click:button', $event)"
 		/>
-		<n8n-callout
+		<N8nCallout
 			v-if="calloutText"
 			:theme="calloutTheme"
 			:icon="calloutIcon"
 			:class="$style.callout"
 		>
-			<n8n-text color="text-base">
+			<N8nText color="text-base">
 				<span size="small" v-html="calloutText"></span>
-			</n8n-text>
-		</n8n-callout>
+			</N8nText>
+		</N8nCallout>
 	</div>
 </template>
 
@@ -43,7 +43,7 @@ import N8nCallout from '../N8nCallout';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-	name: 'n8n-action-box',
+	name: 'N8nActionBox',
 	components: {
 		N8nButton,
 		N8nHeading,