Fix: [Client][Settings] Vuetify の仕様変更？で VFileInput から File を受け取れなくなって…

…いた問題を修正
tsukumijima · Sep 4, 2024 · 135675c · 135675c
1 parent 13320e1
commit 135675c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/client/src/views/Settings/Account.vue b/client/src/views/Settings/Account.vue
@@ -244,7 +244,7 @@ export default defineComponent({
 
             // アップロードするアイコン画像
             // 基本1ファイルしか入らない (Vuetify 側の都合で配列になっている)
-            settings_icon_file: [] as File[],
+            settings_icon_file: null as File | null,
 
             // アカウント削除確認ダイヤログ
             account_delete_confirm_dialog: false,
@@ -367,13 +367,13 @@ export default defineComponent({
         async updateAccountIcon() {
 
             // アイコン画像が選択されていないなら更新しない
-            if (this.settings_icon_file.length === 0) {
+            if (this.settings_icon_file === null) {
                 Message.error('アップロードする画像を選択してください！');
                 return;
             }
 
             // アイコン画像の更新処理 (エラーハンドリングを含む) を実行
-            await this.userStore.updateUserIcon(this.settings_icon_file[0]);
+            await this.userStore.updateUserIcon(this.settings_icon_file);
         },
 
         async deleteAccount() {

diff --git a/client/src/views/Settings/General.vue b/client/src/views/Settings/General.vue
@@ -159,8 +159,7 @@ export default defineComponent({
             ],
 
             // 選択された設定データ (KonomiTV-Settings.json) が入る
-            // 基本1ファイルしか入らない (Vuetify 側の都合で配列になっている)
-            import_settings_file: [] as File[],
+            import_settings_file: null as File | null,
         };
     },
     computed: {
@@ -184,13 +183,13 @@ export default defineComponent({
         async importSettings() {
 
             // 設定データが選択されていないときは実行しない
-            if (this.import_settings_file.length === 0) {
+            if (this.import_settings_file === null) {
                 Message.error('インポートする設定データを選択してください！');
                 return;
             }
 
             // 設定データのインポートを実行
-            const result = await this.settingsStore.importClientSettings(this.import_settings_file[0]);
+            const result = await this.settingsStore.importClientSettings(this.import_settings_file);
             if (result === true) {
                 Message.success('設定をインポートしました。');
                 window.setTimeout(() => this.$router.go(0), 300);  // 念のためリロード