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

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

@@ -1,12 +1,12 @@
 <template>
-	<span @keydown.stop class="inline-edit">
+	<span class="inline-edit" @keydown.stop>
 		<span v-if="isEditEnabled && !isDisabled">
 			<ExpandableInputEdit
 				:placeholder="placeholder"
-				:modelValue="newValue"
+				:model-value="newValue"
 				:maxlength="maxLength"
 				:autofocus="true"
-				:eventBus="inputBus"
+				:event-bus="inputBus"
 				@update:modelValue="onInput"
 				@esc="onEscape"
 				@blur="onBlur"
@@ -14,8 +14,8 @@
 			/>
 		</span>
 
-		<span @click="onClick" class="preview" v-else>
-			<ExpandableInputPreview :modelValue="previewValue || modelValue" />
+		<span v-else class="preview" @click="onClick">
+			<ExpandableInputPreview :model-value="previewValue || modelValue" />
 		</span>
 	</span>
 </template>
@@ -63,6 +63,11 @@ export default defineComponent({
 			inputBus: createEventBus(),
 		};
 	},
+	watch: {
+		disabled(value) {
+			this.isDisabled = value;
+		},
+	},
 	methods: {
 		onInput(newValue: string) {
 			if (this.disabled) {
@@ -114,11 +119,6 @@ export default defineComponent({
 			this.$emit('toggle');
 		},
 	},
-	watch: {
-		disabled(value) {
-			this.isDisabled = value;
-		},
-	},
 });
 </script>