Merge pull request #446 from yeatmanlab/fix/taskPicker-button

Fix TaskPicker not always emitting event
yeatmanlab · Mar 26, 2024 · 3e053e3 · 3e053e3
2 parents ec9a490 + 8549584
commit 3e053e3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/CreateAdministration.vue b/src/components/CreateAdministration.vue
@@ -54,7 +54,7 @@
                 <span class="mt-2 font-bold">{{ nonUniqueTasks.join(', ') }}</span>
               </span>
               <span v-else>
-                <span>Task selections must not be empty.</span>
+                <span>No variants selected. You must select at least one variant to be assigned.</span>
               </span>
             </span>
           </template>

diff --git a/src/components/TaskPicker.vue b/src/components/TaskPicker.vue
@@ -272,9 +272,13 @@ const handleCardMove = (card) => {
   } else return true;
 };
 
-watch(selectedVariants, (variants) => {
-  emit('variants-changed', variants);
-});
+watch(
+  selectedVariants,
+  (variants) => {
+    emit('variants-changed', variants);
+  },
+  { deep: true },
+);
 
 // Card event handlers
 const removeCard = (variant) => {