diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index 59926d6..63dccf7 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -15,8 +15,14 @@
           />
         </q-avatar>
       </div>
-      <div class="row">
-        <q-file outlined v-model="imagen" label="Avatar" />
+      <div class="row" style="max-width: 200px">
+        <q-file
+          class="full-width"
+          outlined
+          v-model="imagen"
+          label="Avatar"
+          :on-update:v-model="cambiaAvatar()"
+        />
       </div>
       <div class="row">
         <q-input
@@ -58,4 +64,7 @@ import { useListaStore } from "../stores/lista.js";
 const listaStore = useListaStore();
 
 const imagen = ref(null);
+const cambiaAvatar = () => {
+  console.log("va", imagen.value);
+};
 </script>