refactor: ดักไม่มีรูป

src/components/home/PersonCard.vue

@@ -153,22 +153,36 @@ defineEmits<{
         </q-btn>
       </div>
 
+     
       <!-- profile -->
+    
       <AppCircle
         bordered
         class="avatar"
         style="border: 2px solid var(--border-color); overflow: visible"
         @click="$emit('editProfile')"
       >
+
+       
         <q-img
-          :src="data.img"
+          :src="data.img ?? '/no-profile.png'"
           style="
             object-fit: cover;
             width: 100%;
             height: 100%;
             border-radius: 50%;
           "
-        />
+        >
+   <template #error>
+          <div
+            style="background: none"
+            class="full-width full-height items-center justify-center flex"
+          >
+            <q-img src="/no-profile.png" width="5rem" />
+          </div>
+        </template>
+
+        </q-img>
         <div class="avatar__status"></div>
       </AppCircle>