switch to all zhcn

src/views/Home.vue

@@ -1,4 +1,3 @@
-// filepath: src/views/Home.vue
 <script setup lang="ts">
 import { watch } from 'vue'
 import { invoke } from '@tauri-apps/api/core'
@@ -13,7 +12,7 @@ const settingsStore = useSettingsStore()
 const analysisStore = useAnalysisStore()
 
 const qualityOptions = [
-  { label: 'Best Quality', value: 'best' },
+  { label: '最佳画质', value: 'best' },
   { label: '1080p', value: '1080' },
   { label: '720p', value: '720' },
   { label: '480p', value: '480' },
@@ -95,7 +94,7 @@ async function startDownload() {
           const selectedEntries = analysisStore.metadata.entries.filter((e: any) => e.selected)
           
           if (selectedEntries.length === 0) {
-              analysisStore.error = "Please select at least one video to download."
+              analysisStore.error = "请至少选择一个要下载的视频。"
               return
           }
 
@@ -112,7 +111,7 @@ async function startDownload() {
                   title: entry.title,
                   thumbnail: entry.thumbnail,
                   progress: 0,
-                  speed: 'Pending...',
+                  speed: '等待中...',
                   status: 'pending'
               })
           }
@@ -143,7 +142,7 @@ async function startDownload() {
               title: analysisStore.metadata.title,
               thumbnail: analysisStore.metadata.thumbnail,
               progress: 0,
-              speed: 'Pending...',
+              speed: '等待中...',
               status: 'pending'
           })
       }
@@ -151,7 +150,7 @@ async function startDownload() {
       // Reset state after successful download start
       analysisStore.reset()
   } catch (e: any) {
-      analysisStore.error = "Download failed to start: " + e.toString()
+      analysisStore.error = "下载启动失败： " + e.toString()
   }
 }
 </script>
@@ -159,8 +158,8 @@ async function startDownload() {
 <template>
   <div class="max-w-5xl mx-auto p-8">
     <header class="mb-8">
-      <h1 class="text-3xl font-bold text-zinc-900 dark:text-white">New Download</h1>
-      <p class="text-gray-500 dark:text-gray-400 mt-2">Paste a URL to start downloading media.</p>
+      <h1 class="text-3xl font-bold text-zinc-900 dark:text-white">新建下载</h1>
+      <p class="text-gray-500 dark:text-gray-400 mt-2">粘贴 URL 开始下载媒体。</p>
     </header>
 
     <!-- Input Section -->
@@ -179,7 +178,7 @@ async function startDownload() {
           class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-xl font-medium transition-colors disabled:opacity-50 flex items-center gap-2 shrink-0"
         >
           <Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" />
-          <span v-else>Analyze</span>
+          <span v-else>解析</span>
         </button>
       </div>
       
@@ -195,7 +194,7 @@ async function startDownload() {
               :class="analysisStore.scanMix ? 'translate-x-6' : 'translate-x-0'"
             />
           </button>
-          <span class="text-sm font-medium text-zinc-700 dark:text-gray-300">Scan Playlist (Max 20)</span>
+          <span class="text-sm font-medium text-zinc-700 dark:text-gray-300">解析播放列表 (前20项)</span>
       </div>
 
       <p v-if="analysisStore.error" class="mt-3 text-red-500 text-sm">{{ analysisStore.error }}</p>
@@ -209,7 +208,7 @@ async function startDownload() {
           <div class="flex items-start justify-between mb-4">
               <div>
                   <h2 class="text-xl font-bold text-zinc-900 dark:text-white">{{ analysisStore.metadata.title }}</h2>
-                  <p class="text-blue-500 mt-1 font-medium">{{ analysisStore.metadata.entries.length }} videos found</p>
+                  <p class="text-blue-500 mt-1 font-medium">{{ analysisStore.metadata.entries.length }} 个视频</p>
               </div>
           </div>
           
@@ -218,16 +217,16 @@ async function startDownload() {
              
              <!-- Left: Selection Controls -->
              <div class="flex items-center gap-2 w-full md:w-auto">
-                 <button @click="analysisStore.setAllEntries(true)" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">All</button>
-                 <button @click="analysisStore.setAllEntries(false)" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">None</button>
-                 <button @click="analysisStore.invertSelection()" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">Invert</button>
+                 <button @click="analysisStore.setAllEntries(true)" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">全选</button>
+                 <button @click="analysisStore.setAllEntries(false)" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">取消全选</button>
+                 <button @click="analysisStore.invertSelection()" class="text-xs font-medium px-3 py-1.5 rounded-lg bg-white dark:bg-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-600 text-zinc-700 dark:text-gray-200 border border-gray-200 dark:border-zinc-600 transition-colors shadow-sm">反选</button>
              </div>
 
              <!-- Right: Settings -->
              <div class="flex items-center gap-6 w-full md:w-auto justify-end">
                 <!-- Audio Only Toggle -->
                 <div class="flex items-center gap-3">
-                    <span class="font-medium text-sm text-zinc-700 dark:text-gray-300">Audio Only</span>
+                    <span class="font-medium text-sm text-zinc-700 dark:text-gray-300">仅音频</span>
                     <button 
                       @click="analysisStore.options.is_audio_only = !analysisStore.options.is_audio_only"
                       class="w-10 h-5 rounded-full relative transition-colors duration-200 ease-in-out shrink-0"
@@ -242,7 +241,7 @@ async function startDownload() {
 
                 <!-- Quality Dropdown -->
                 <div class="flex items-center gap-3">
-                     <span class="font-medium text-sm text-zinc-700 dark:text-gray-300">Quality</span>
+                     <span class="font-medium text-sm text-zinc-700 dark:text-gray-300">画质</span>
                      <div class="w-44">
                         <AppSelect 
                           v-model="analysisStore.options.quality"
@@ -297,12 +296,13 @@ async function startDownload() {
         <div class="flex-1">
           <h2 class="text-xl font-bold text-zinc-900 dark:text-white line-clamp-2">{{ analysisStore.metadata.title }}</h2>
           <p v-if="analysisStore.metadata.uploader" class="text-gray-500 dark:text-gray-400 mt-1">{{ analysisStore.metadata.uploader }}</p>
+          <p v-if="analysisStore.metadata.entries" class="text-blue-500 mt-1 font-medium">{{ analysisStore.metadata.entries.length }} 个视频 (播放列表)</p>
           
           <!-- Options -->
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-6">
              <!-- Audio Only Toggle -->
              <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-zinc-800 rounded-xl">
-                <span class="font-medium text-sm">Audio Only</span>
+                <span class="font-medium text-sm">仅音频</span>
                 <button 
                   @click="analysisStore.options.is_audio_only = !analysisStore.options.is_audio_only"
                   class="w-12 h-6 rounded-full relative transition-colors duration-200 ease-in-out"
@@ -332,14 +332,14 @@ async function startDownload() {
             @click="startDownload"
             class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-xl font-bold transition-colors shadow-lg shadow-blue-600/20"
          >
-            Download Now {{ analysisStore.metadata.entries ? `(${analysisStore.metadata.entries.filter((e: any) => e.selected).length})` : '' }}
+            立即下载 {{ analysisStore.metadata.entries ? `(${analysisStore.metadata.entries.filter((e: any) => e.selected).length})` : '' }}
          </button>
       </div>
     </div>
 
     <!-- Active Downloads -->
     <div v-if="queueStore.tasks.length > 0">
-       <h3 class="text-lg font-bold mb-4">Active Downloads</h3>
+       <h3 class="text-lg font-bold mb-4">进行中的任务</h3>
        <div class="space-y-3">
           <!-- Reversed to show newest first -->
           <div v-for="task in queueStore.tasks.slice().reverse()" :key="task.id" class="bg-white dark:bg-zinc-900 p-4 rounded-xl border border-gray-200 dark:border-zinc-800 flex items-center gap-4">
@@ -348,7 +348,7 @@ async function startDownload() {
                 <div class="flex justify-between mb-1">
                    <h4 class="font-medium truncate pr-4">{{ task.title }}</h4>
                    <span class="text-xs font-mono text-gray-500 whitespace-nowrap">
-                      {{ task.status === 'finished' ? 'Completed' : (task.status === 'error' ? 'Failed' : task.speed) }}
+                      {{ task.status === 'finished' ? '已完成' : (task.status === 'error' ? '失败' : task.speed) }}
                    </span>
                 </div>
                 <div class="h-2 bg-gray-100 dark:bg-zinc-800 rounded-full overflow-hidden">
@@ -364,4 +364,4 @@ async function startDownload() {
     </div>
 
   </div>
-</template>
+</template>