diff --git a/resources/js/packages/ui/package.json b/resources/js/packages/ui/package.json
index 89d9dec5..51aa0627 100644
--- a/resources/js/packages/ui/package.json
+++ b/resources/js/packages/ui/package.json
@@ -48,7 +48,10 @@
     "author": "solidtime",
     "license": "AGPL-3.0",
     "devDependencies": {
-        "vite-plugin-dts": "^4.0.3"
+        "@types/chroma-js": "^3.1.0",
+        "@zodios/core": "^10.9.6",
+        "vite-plugin-dts": "^4.0.3",
+        "zod": "^3.23.8"
     },
     "peerDependencies": {
         "@floating-ui/vue": "^1.1.4",
diff --git a/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
index 940e988b..25c2f4cc 100644
--- a/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
@@ -74,10 +74,10 @@ const props = withDefaults(
     }
 );
 
-const filteredResults = ref([] as ClientsWithProjectsWithTasks);
+const filteredResults = ref<ClientsWithProjectsWithTasks>([]);
 
 // computed filterProjects that flattens the first layer of filteredResults and combines all the projects
-const filteredProjects = computed(() => {
+const filteredProjects = computed<ProjectWithTasks[]>(() => {
     return filteredResults.value.map((client) => client.projects).flat();
 });