From 72f6cb2bdf9e4b644494b2ed50eb07b259edb6b7 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 11 Mar 2024 18:32:54 +0100
Subject: [PATCH] fix type errors

---
 resources/js/Components/TimeTracker.vue            | 2 +-
 resources/js/Components/common/ProjectDropdown.vue | 5 +++--
 resources/js/Components/common/TagDropdown.vue     | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/js/Components/TimeTracker.vue b/resources/js/Components/TimeTracker.vue
index b5a0dffb..8ee41c85 100644
--- a/resources/js/Components/TimeTracker.vue
+++ b/resources/js/Components/TimeTracker.vue
@@ -97,7 +97,7 @@ async function onToggleButtonPress(newState: boolean) {
     }
 }
 
-const currentProject = ref<Project | null>(null);
+const currentProject = ref<Project>();
 watch(currentProject, () => {
     if (currentProject.value) {
         currentTimeEntry.value.project_id = currentProject.value.id;
diff --git a/resources/js/Components/common/ProjectDropdown.vue b/resources/js/Components/common/ProjectDropdown.vue
index 1fd896ee..9c83f238 100644
--- a/resources/js/Components/common/ProjectDropdown.vue
+++ b/resources/js/Components/common/ProjectDropdown.vue
@@ -20,8 +20,8 @@ import { getRandomColor } from '@/utils/color';
 
 const searchValue = ref('');
 const searchInput = ref<HTMLElement | null>(null);
-const model = defineModel<Project | null>({
-    default: null,
+const model = defineModel<Project>({
+    default: undefined,
 });
 const open = ref(false);
 const projectsStore = useProjectsStore();
@@ -63,6 +63,7 @@ async function addProjectIfNoneExists() {
 watch(open, (isOpen) => {
     if (isOpen) {
         nextTick(() => {
+            // @ts-expect-error We need to access the actual HTML Element to focus as radix-vue does not support any other way right now
             searchInput.value?.$el?.focus();
         });
 
diff --git a/resources/js/Components/common/TagDropdown.vue b/resources/js/Components/common/TagDropdown.vue
index 91160b40..f990d846 100644
--- a/resources/js/Components/common/TagDropdown.vue
+++ b/resources/js/Components/common/TagDropdown.vue
@@ -164,7 +164,7 @@ function updateValue(e: string[]) {
             <ComboboxRoot
                 multiple
                 :open="open"
-                @update:modelValue="updateValue"
+                @update:modelValue="updateValue as any"
                 v-model:searchTerm="searchValue"
                 class="relative">
                 <ComboboxAnchor>