From c395d863f1b187c98abe97a5cf089faadc5824b6 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@zweili.ch>
Date: Sat, 4 Sep 2021 16:49:18 +0200
Subject: [PATCH] fix the user watcher

---
 .../src/components/projects/ProjectsList.vue              | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/2021-09-04_composition-13-demo-starting-project/src/components/projects/ProjectsList.vue b/2021-09-04_composition-13-demo-starting-project/src/components/projects/ProjectsList.vue
index 2718cfd..b2f0bbe 100644
--- a/2021-09-04_composition-13-demo-starting-project/src/components/projects/ProjectsList.vue
+++ b/2021-09-04_composition-13-demo-starting-project/src/components/projects/ProjectsList.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch, toRefs } from 'vue';
 import ProjectItem from './ProjectItem.vue';
 
 export default {
@@ -46,6 +46,10 @@ export default {
       return props.user.projects && availableProjects.value.length > 0;
     });
 
+    //const propsWithRefs = toRefs(props);
+    //const user = propsWithRefs.user;
+    const { user } = toRefs(props);
+
     watch(enteredSearchTerm, function(newValue) {
       setTimeout(() => {
         if (newValue === enteredSearchTerm.value) {
@@ -53,7 +57,7 @@ export default {
         }
       }, 300);
     });
-    watch(props.user, function() {
+    watch(user, function() {
       enteredSearchTerm.value = '';
     });