web/src/components/Autocomplete.vue

@@ -100,6 +100,7 @@ function clear() {
     >
       <span
         v-for="suggestion in Suggestions"
+        :key="suggestion.ID"
         class="block"
         :value="suggestion.ID"
         @click="select"

web/src/components/Checkbox.vue

@@ -1,5 +1,8 @@
 <script lang="ts" setup>
-const props = defineProps(["modelValue"]);
+const props = defineProps<{modelValue: boolean}>();
+const emits = defineEmits<{
+  (e: "update:modelValue", value: boolean): void
+}>();
 </script>
 
 <template>
@@ -7,6 +10,6 @@ const props = defineProps(["modelValue"]);
     type="checkbox"
     :checked="modelValue"
     class="dark:bg-slate-900"
-    @change="$emit('update:modelValue', ($event.target as HTMLInputElement)?.checked)"
+    @change="emits('update:modelValue', ($event.target as HTMLInputElement)?.checked)"
   >
 </template>

web/src/components/Input.vue

@@ -1,11 +1,15 @@
 <script lang="ts" setup>
 const props = defineProps<{modelValue : number | string}>();
+
+const emits = defineEmits<{
+  (e: "update:modelValue", value: number | string): void
+}>();
 </script>
 
 <template>
   <input
     :value="modelValue"
     class="dark:bg-slate-900"
-    @input="$emit('update:modelValue', ($event.target as HTMLInputElement)?.value)"
+    @input="emits('update:modelValue', ($event.target as HTMLInputElement)?.value)"
   >
 </template>