From 52cfe98a1b8948b0ac001c1dbfccbaec76dead20 Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Fri, 15 Aug 2025 11:32:42 +0200
Subject: [PATCH] Fix file input clear and improve upload handling

The change adds image clearing functionality and improves input
validation by adding null checks and clearable state to the file input
component.
---
 app/pages/profile.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/pages/profile.vue b/app/pages/profile.vue
index 31f7e30..fa065b4 100644
--- a/app/pages/profile.vue
+++ b/app/pages/profile.vue
@@ -14,14 +14,17 @@
                 ></v-img>
             </v-avatar>
 
+            //No funciona $clear
             <v-file-input
                 accept="image/apng, image/avif, image/gif, image/jpeg, image/png, image/svg+xml, image/webp"
                 label="Subir imagen"
                 @input="handleFileInput"
                 type="file"
                 v-model="imagen"
+                click:clear="$clear"
+                clearable
             /><v-btn
-                color="primary"
+                color="secundary"
                 :disabled="files.length <= 0 || !validateFileType()"
                 @click="uploadImage"
             >
@@ -81,7 +84,9 @@ const uploadImage = async () => {
     if (response) {
         //imagenVista.value = response.image;
         files.value.pop();
-        imagen.value = null;
+        if (imagen.value != null) {
+            imagen.value = null;
+        }
         await getSession();
     } else {
         console.error(response);