Update: 音声合成モデルのインストールサイズを表示する

src/components/Dialog/ModelManageDialog.vue

@@ -63,7 +63,8 @@
                       </span>
                     </div>
                     <div class="col-auto q-ml-auto" style="font-size: 13.5px; color: #D2D3D4;">
-                      <span>{{ activeAivmInfo.manifest.speakers.length }} Speakers / Version {{ activeAivmInfo.manifest.version }}</span>
+                      <span>Version {{ activeAivmInfo.manifest.version }} / </span>
+                      <span>{{ formatBytes(activeAivmInfo.fileSize) }}</span>
                       <span v-if="activeAivmInfo.isUpdateAvailable" class="q-ml-xs text-primary">
                         (Version {{ activeAivmInfo.latestVersion }} に更新できます)
                       </span>
@@ -203,6 +204,7 @@
 <script setup lang="ts">
 
 import { computed, ref, watch, onUnmounted } from "vue";
+import { formatBytes } from "@/helpers/fileHelper";
 import { AivmInfo, ResponseError } from "@/openapi";
 import { useStore } from "@/store";
 

src/helpers/fileHelper.ts

@@ -26,3 +26,20 @@ export function generateWriteErrorMessage(writeFileResult: ResultError<any>) {
 
   return `何らかの理由で失敗しました。${writeFileResult.message}`;
 }
+
+/**
+ * バイト単位の数値をフォーマットする
+ * @param bytes バイト数
+ * @returns フォーマットされた文字列 (例: 1.23KB)
+ */
+export function formatBytes(bytes: number): string {
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let unitIndex = 0;
+
+  while (bytes >= 1000 && unitIndex < units.length - 1) {
+    bytes /= 1000;
+    unitIndex++;
+  }
+
+  return `${bytes.toFixed(2)}${units[unitIndex]}`;
+}