diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index bb90685..306c5b2 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -19,24 +19,17 @@
         <q-file class="full-width" outlined v-model="imagen" label="Avatar" />
       </div>
       <div class="row">
-        <q-input
-          outlined
-          v-model="listaStore.pb.authStore.model.name"
-          label="Name"
-        />
+        <q-input outlined v-model="name" label="Name" />
       </div>
       <div class="row">
-        <q-input
-          outlined
-          v-model="listaStore.pb.authStore.model.username"
-          label="Username"
-        />
+        <q-input outlined v-model="username" label="Username" />
       </div>
       <div class="row">
         <q-input
           outlined
           v-model="listaStore.pb.authStore.model.email"
           label="email"
+          disable
         />
       </div>
       <div class="row">
@@ -50,15 +43,32 @@
     </div>
   </q-page>
 </template>
-
 <script setup>
 import { ref } from "vue";
 import { useListaStore } from "../stores/lista.js";
 
 const listaStore = useListaStore();
 
-const imagen = ref(null);
+const imagen = ref(listaStore.pb.authStore.model.username.avatar);
+const username = ref(listaStore.pb.authStore.model.username);
+const name = ref(listaStore.pb.authStore.model.name);
 const updateUser = () => {
-  console.log(imagen.value);
+  const formData = new FormData();
+  if (username.value) {
+    formData.append("username", username.value);
+  }
+  if (name.value) {
+    formData.append("name", name.value);
+  }
+  if (imagen.value != null) {
+    formData.append("avatar", imagen.value);
+  }
+  const record = listaStore.pb
+    .collection("users")
+    .update(listaStore.pb.authStore.model.id, formData)
+    .then((r) => {
+      imagen.value = listaStore.pb.authStore.model.username.avatar;
+    });
+  console.log(record);
 };
 </script>