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(null); +const currentProject = ref(); 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(null); -const model = defineModel({ - default: null, +const model = defineModel({ + 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[]) {