diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/CreateCustomerModal.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/CreateCustomerModal.vue
index 2ebf410..ac1eeac 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/CreateCustomerModal.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/CreateCustomerModal.vue
@@ -82,6 +82,7 @@
                      if (response.ok) {
                          const data = await response.json();
                          console.log('Cliente Guardado:', data);
+                         this.$emit('customerCreated');
                          this.closeModal();
                      } else {
                          console.error('Error al Crear el Cliente:', response.statusText);
@@ -98,7 +99,7 @@
                  phone: ''
              };
              this.$refs.form.reset();
-         }
+         },
      }
  };
 </script>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index a062b9a..dbc2384 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -16,7 +16,7 @@
               class="mr-4"
             ></v-autocomplete>
             <v-btn color="primary" @click="openModal">Agregar Cliente</v-btn>
-            <CreateCustomerModal ref="customerModal" />
+            <CreateCustomerModal ref="customerModal" @customerCreated="fetchClients"/>
           </v-col>
           <v-col
             lg="2"
@@ -256,6 +256,9 @@
        return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'COP' }).format(price);
      },
    },
+     mounted() {
+         this.fetchClients();  // Llama a fetchClients al montar el componente
+     }
  };
 </script>
 <style>