From 4cd53c204d48b617e4a4279609da840888428c0f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 22 Nov 2025 15:22:42 +0100
Subject: [PATCH] fix: add proper type definitions for CommandItem in
 CommandsList.vue

---
 .../components/input/editor/CommandsList.vue   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/input/editor/CommandsList.vue b/frontend/src/components/input/editor/CommandsList.vue
index 8d76c0371..dd80b73df 100644
--- a/frontend/src/components/input/editor/CommandsList.vue
+++ b/frontend/src/components/input/editor/CommandsList.vue
@@ -26,15 +26,25 @@
 
 <script lang="ts">
 /* eslint-disable vue/component-api-style */
+import type {PropType} from 'vue'
+import type {IconProp} from '@fortawesome/fontawesome-svg-core'
+
+interface CommandItem {
+	icon: IconProp
+	title: string
+	description: string
+	command: () => void
+}
+
 export default {
 	props: {
 		items: {
-			type: Array,
+			type: Array as PropType<CommandItem[]>,
 			required: true,
 		},
 
 		command: {
-			type: Function,
+			type: Function as PropType<(item: CommandItem) => void>,
 			required: true,
 		},
 	},
@@ -52,7 +62,7 @@ export default {
 	},
 
 	methods: {
-		onKeyDown({event}) {
+		onKeyDown({event}: {event: KeyboardEvent}) {
 			if (event.key === 'ArrowUp') {
 				this.upHandler()
 				return true
@@ -86,7 +96,7 @@ export default {
 			this.selectItem(this.selectedIndex)
 		},
 
-		selectItem(index) {
+		selectItem(index: number) {
 			const item = this.items[index]
 
 			if (item) {