add basic crud frontend for clients, tags and projects

resources/js/Components/Common/TimeEntry/TimeEntryRangeSelector.vue

@@ -56,7 +56,7 @@ watch(focused, (newValue, oldValue) => {
             <template #content>
                 <div
                     ref="dropdownContent"
-                    class="grid grid-cols-2 divide-x divide-card-background-seperator text-center py-1">
+                    class="grid grid-cols-2 divide-x divide-card-background-separator text-center py-1">
                     <div>
                         <div class="font-bold text-white text-sm pb-1">
                             Start

resources/js/Components/Common/TimeEntry/TimeEntryRow.vue

@@ -74,6 +74,11 @@ function deleteTimeEntry() {
 function updateTimeEntryDescription(description: string) {
     updateTimeEntry({ ...props.timeEntry, description });
 }
+
+function updateTimeEntryTags(tags: string[]) {
+    console.log(tags);
+    updateTimeEntry({ ...props.timeEntry, tags });
+}
 </script>
 
 <template>
@@ -97,7 +102,7 @@ function updateTimeEntryDescription(description: string) {
                 </div>
                 <div class="flex items-center font-medium space-x-2">
                     <TimeEntryRowTagDropdown
-                        @changed="updateTimeEntry(timeEntry)"
+                        @changed="updateTimeEntryTags"
                         :modelValue="timeEntry.tags"></TimeEntryRowTagDropdown>
                     <div>
                         <TimeEntryRangeSelector

resources/js/Components/Common/TimeEntry/TimeEntryRowTagDropdown.vue

@@ -19,7 +19,7 @@ const timeEntryTags = computed<Tag[]>(() => {
 </script>
 
 <template>
-    <TagDropdown @changed="emit('changed')" v-model="model">
+    <TagDropdown @changed="emit('changed', model)" v-model="model">
         <template #trigger>
             <button data-testid="time_entry_tag_dropdown">
                 <TagBadge