perf: 📝 Add docs entry to the program

Author: viarotel

src/locales/languages/en-US.json

@@ -449,8 +449,9 @@
   "about.update-available.title": "Update Available",
   "about.update-available.confirm": "Update",
   "about.update.progress": "Updating...",
-  "about.sponsor.title": "Sponsor Project",
-  "about.sponsor.description": "If this project has helped you, you can buy me a coffee to keep me energized to improve it 😛",
+  "about.donate.title": "Donate",
+  "about.donate.description": "If this project has helped you, you can buy me a coffee to keep me energized to improve it 😛",
+  "about.docs.name": "Help Docs",
 
   "desktop.shortcut.add": "Add to Desktop Shortcut"
 }

src/locales/languages/ru-RU.json

@@ -449,8 +449,8 @@
   "about.update-available.title": "Доступно обновление",
   "about.update-available.confirm": "Обновить",
   "about.update.progress": "Обновление...",
-  "about.sponsor.title": "Спонсировать проект",
-  "about.sponsor.description": "Если этот проект помог вам, вы можете угостить меня кофе, чтобы у меня было больше энергии для его улучшения 😛",
-
+  "about.donate.title": "Пожертвование",
+  "about.donate.description": "Если этот проект помог вам, вы можете угостить меня кофе, чтобы у меня было больше энергии для его улучшения 😛",
+  "about.docs.name": "Документация",
   "desktop.shortcut.add": "Добавить на рабочий стол"
 }

src/locales/languages/zh-CN.json

@@ -449,8 +449,9 @@
   "about.update-available.title": "发现新版本",
   "about.update-available.confirm": "更新",
   "about.update.progress": "正在更新中",
-  "about.sponsor.title": "赞助项目",
-  "about.sponsor.description": "如果该项目帮到你的话，可以请我喝杯咖啡，让我更有精神完善该项目 😛",
+  "about.donate.title": "捐赠",
+  "about.donate.description": "如果该项目帮到你的话，可以请我喝杯咖啡，让我更有精神完善该项目 😛",
+  "about.docs.name": "帮助文档",
 
   "desktop.shortcut.add": "添加到桌面快捷方式"
 }

src/locales/languages/zh-TW.json

@@ -448,8 +448,9 @@
   "about.update-available.title": "發現新版本",
   "about.update-available.confirm": "更新",
   "about.update.progress": "正在更新",
-  "about.sponsor.title": "贊助專案",
-  "about.sponsor.description": "如果覺得這個專案有幫到您的話，可以考慮請我喝杯咖啡，讓我更有精神持續改進此專案 😛",
+  "about.donate.title": "捐贈",
+  "about.donate.description": "如果覺得這個專案有幫到您的話，可以考慮請我喝杯咖啡，讓我更有精神持續改進此專案 😛",
+  "about.docs.name": "幫助文件",
 
   "desktop.shortcut.add": "加入桌面快捷方式"
 }

src/pages/about/components/SponsorDialog/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-dialog v-model="visible" :title="$t('about.sponsor.title')" width="98%" @closed="onClosed">
+  <el-dialog v-model="visible" :title="$t('about.donate.title')" width="98%" @closed="onClosed">
     <div class="pt-4 pb-8">
-      {{ $t('about.sponsor.description') }}
+      {{ $t('about.donate.description') }}
     </div>
 
     <div class="flex space-x-4">

src/pages/about/index.vue

@@ -23,9 +23,13 @@
           }}
         </el-button>
 
-        <el-button :size="$grid.lg ? 'large' : 'default'" class="group" @click="handleSponsor">
+        <el-button :size="$grid.lg ? 'large' : 'default'" class="group" @click="onClickDocs">
+          <span class="pl-1">{{ $t('about.docs.name') }}</span>
+        </el-button>
+
+        <el-button :size="$grid.lg ? 'large' : 'default'" class="group" @click="onClickDonate">
           <span class="group-hover:animate-rubber-band text-red-500">♥</span>
-          <span class="pl-1">{{ $t('about.sponsor.title') }}</span>
+          <span class="pl-1">{{ $t('about.donate.title') }}</span>
         </el-button>
       </div>
 
@@ -71,9 +75,12 @@ export default {
     this.onUpdateError()
   },
   methods: {
-    handleSponsor() {
+    onClickDonate() {
       this.$refs.sponsorDialogRef.open()
     },
+    onClickDocs() {
+      window.open('https://escrcpy.viarotel.eu.org/')
+    },
     handleUpdate() {
       this.loading = true
       this.$electron.ipcRenderer.send('check-for-update')