Added task functionality

src/components/task/TaskEditComponent.vue

@@ -48,7 +48,7 @@
       <q-select
         label="Skills Required"
         hint="Add a list of required skills, to help people find things in their ability"
-        v-model="skillTagList"
+        v-model="modifiedTask.required_skills"
         use-input
         use-chips
         multiple
@@ -66,7 +66,7 @@
       <q-select
         label="Tags"
         hint="Add Tags to help with searching"
-        v-model="taskTagList"
+        v-model="modifiedTask.tags"
         use-input
         use-chips
         multiple
@@ -105,7 +105,7 @@
       <q-select
         label="Dependencies"
         hint="Add a list of tasks that need to be complete before this one"
-        v-model="dependsList"
+        v-model="modifiedTask.depends_on"
         use-input
         multiple
         input-debounce="250"
@@ -158,7 +158,7 @@ import type { TaskTag, SkillTag, Task } from 'src/stores/task';
 import { date } from 'quasar';
 import { Boat, useBoatStore } from 'src/stores/boat';
 
-const props = defineProps<{ taskId: string }>();
+const props = defineProps<{ taskId?: string }>();
 const taskStore = useTaskStore();
 
 const defaultTask = <Task>{
@@ -188,12 +188,7 @@ const tasks = ref<Task[]>(taskStore.tasks);
 const boatList = ref<Boat[]>(useBoatStore().boats);
 
 const skillTagOptions = ref<SkillTag[]>();
-const skillTagList = ref<SkillTag[]>([]);
-
 const taskTagOptions = ref<TaskTag[]>();
-const taskTagList = ref<TaskTag[]>([]);
-
-const dependsList = ref<Task[]>([]);
 
 function filterSkillTags(val: string, update: (cb: () => void) => void): void {
   return filterTags(skillTagOptions, taskStore.skillTags, val, update);
@@ -251,13 +246,6 @@ const router = useRouter();
 async function onSubmit() {
   console.log(modifiedTask);
   try {
-    // It would probably be more performant to store the tags as objects in the
-    // form, and then extract the ID's before submitting.
-    modifiedTask.required_skills = skillTagList.value.map((s) => s['$id']);
-    modifiedTask.tags = taskTagList.value.map((s) => s['$id']);
-    modifiedTask.depends_on = dependsList.value.map(
-      (d) => d['$id']
-    ) as string[];
     await taskStore.addTask(modifiedTask);
     console.log('Created Task');
     router.go(-1);