From b4b74842043b23d5ce7b73ed0511980a7776c25e Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Tue, 8 Jul 2025 13:43:12 +0800
Subject: [PATCH] feat(settings): preview selected avatar

---
 open-isle-cli/src/views/SettingsPageView.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/open-isle-cli/src/views/SettingsPageView.vue b/open-isle-cli/src/views/SettingsPageView.vue
index df4e5f5d2..6b897c83a 100644
--- a/open-isle-cli/src/views/SettingsPageView.vue
+++ b/open-isle-cli/src/views/SettingsPageView.vue
@@ -73,7 +73,15 @@ export default {
   },
   methods: {
     onAvatarChange(e) {
-      this.avatarFile = e.target.files[0]
+      const file = e.target.files[0]
+      this.avatarFile = file
+      if (file) {
+        const reader = new FileReader()
+        reader.onload = () => {
+          this.avatar = reader.result
+        }
+        reader.readAsDataURL(file)
+      }
     },
     fetchPublishModes() {
       return Promise.resolve([