From ccbd02a7647e4046366ad20b0b3469e07806fb56 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 5 Feb 2023 22:40:52 +0800
Subject: [PATCH] update: anime page and i18n files

---
 src/_locales/cmn-CN.yml                       | 18 +++++++++++---
 src/_locales/cmn-TW.yml                       | 24 ++++++++++++++-----
 src/_locales/en.yml                           | 14 ++++++++++-
 src/_locales/jyut.yml                         | 24 ++++++++++++++-----
 src/contentScripts/views/Anime/Anime.vue      | 13 ++++++----
 .../views/Anime/components/AnimeTimeTable.vue | 23 +++++++++++++++---
 6 files changed, 92 insertions(+), 24 deletions(-)

diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index 960df4af..0f7d8fea 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -16,9 +16,9 @@ settings:
   select_language: 界面语文
   select_language_opt:
     english: 英文
-    Mandarin_CN: 简体中文
-    Mandarin_TW: 正體中文
-    jyut: 粵文
+    Mandarin_CN: 官话
+    Mandarin_TW: 官話
+    jyut: 廣東話
   authorize_app: 授权 BewlyBewly 使用 access key
   authorize_app_desc: |
     授权使用后能在首页推送我可能有兴趣观看的视频 (授权 key 有效期约为一个月，之后如果你发现首页推荐的视频不是你所感兴趣的，请尝试重新授权)
@@ -119,3 +119,15 @@ anime:
   your_watch_list: 正在追
   recommended_for_you: 猜你喜欢
   havent_seen: 尚未观看
+  popular_anime: 番剧热播榜
+  follow: '{num}追番'
+  anime_timetable:
+    title: 新番时间表
+    days_of_week:
+      mon: 周一
+      tue: 周二
+      wed: 周三
+      thu: 周四
+      fri: 周五
+      sat: 周六
+      sun: 周日
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index dacb9d70..8dd5ada7 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -16,9 +16,9 @@ settings:
   select_language: 介面語文
   select_language_opt:
     english: 英文
-    Mandarin_CN: 簡體中文
-    Mandarin_TW: 正體中文
-    jyut: 粵文
+    Mandarin_CN: 官话
+    Mandarin_TW: 官話
+    jyut: 廣東話
   authorize_app: 授權 BewlyBewly 使用 access key
   authorize_app_desc: |
     授權使用後能在首頁推送我可能有興趣觀看的影片 (授權 key 有效期約為一個月，之後如果你發現首頁推薦的影片不是你所感興趣的，請嘗試重新授權)
@@ -39,13 +39,13 @@ topbar:
   creative_center: 創作中心
   upload: 上傳
   logo_dropdown:
-    anime: 番劇
+    anime: 動畫
     movies: 電影
-    chinese_anime: 國創
+    chinese_anime: 中國動畫
     tv_shows: 電視劇
     variety_shows: 綜藝
     documentary_films: 紀錄片
-    animations: 動畫
+    animations: 原創動畫
     gaming: 遊戲
     kichiku: 鬼畜
     music: 音樂
@@ -114,3 +114,15 @@ anime:
   your_watch_list: 正在追
   recommended_for_you: 你或許想看
   havent_seen: 暫未觀看
+  popular_anime: 近期熱播
+  follow: '{num}人在追'
+  anime_timetable:
+    title: 動畫週期表
+    days_of_week:
+      mon: 週一
+      tue: 週二
+      wed: 週三
+      thu: 週四
+      fri: 週五
+      sat: 週六
+      sun: 週日
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index 91e74ed3..a0991831 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -126,4 +126,16 @@ anime:
   update_to_n_episodes: Update to {ep} Episodes
   your_watch_list: Your Watchlist 
   recommended_for_you: Recommended for you
-  havent_seen: Haven't seen 
\ No newline at end of file
+  havent_seen: Haven't seen 
+  popular_anime: Popular Anime
+  follow: '{num} follow'
+  anime_timetable:
+    title: Anime Timetable
+    days_of_week:
+      mon: MON
+      tue: TUE
+      wed: WED
+      thu: THU
+      fri: FRI
+      sat: SAT
+      sun: SUN
\ No newline at end of file
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index a31063dc..ff324673 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -16,9 +16,9 @@ settings:
   select_language: 介面語文
   select_language_opt:
     english: 英文
-    Mandarin_CN: 簡體中文
-    Mandarin_TW: 正體中文
-    jyut: 粵文
+    Mandarin_CN: 官话
+    Mandarin_TW: 官話
+    jyut: 廣東話
   authorize_app: 授權 BewlyBewly 使用 access key
   authorize_app_desc: |
     授咗權嘅話首頁會畀啲可能啱我心水嘅片我 (授權 key 一個月左右有效，之後若然你撞正啲咩牛鬼蛇神唔開胃嘅嘢試下重新授權)
@@ -44,13 +44,13 @@ topbar:
   creative_center: 創作中心
   upload: Po 嘢
   logo_dropdown:
-    anime: 番劇
+    anime: 動畫
     movies: 電影
-    chinese_anime: 國創
+    chinese_anime: 中國動畫
     tv_shows: 電視劇
     variety_shows: 綜藝
     documentary_films: 紀錄片
-    animations: 動畫
+    animations: 原創動畫
     gaming: 遊戲
     kichiku: 鬼畜
     music: 音樂
@@ -119,3 +119,15 @@ anime:
   your_watch_list: 追緊
   recommended_for_you: 估你心水
   havent_seen: 未曾睇過
+  popular_anime: 時下至 Hit
+  follow: '{num}人追緊'
+  anime_timetable:
+    title: 動畫日程表
+    days_of_week:
+      mon: 週一
+      tue: 週二
+      wed: 週三
+      thu: 週四
+      fri: 週五
+      sat: 週六
+      sun: 週日
diff --git a/src/contentScripts/views/Anime/Anime.vue b/src/contentScripts/views/Anime/Anime.vue
index 86476d55..de4c9873 100644
--- a/src/contentScripts/views/Anime/Anime.vue
+++ b/src/contentScripts/views/Anime/Anime.vue
@@ -115,7 +115,6 @@ function getPopularAnimeList() {
           <a
             :href="`https://space.bilibili.com/${getUserID() ?? 0}/bangumi`"
             target="_blank"
-            un-text="$bew-theme-color"
           >{{ $t('common.view_all') }}</a>
         </div>
 
@@ -183,7 +182,7 @@ function getPopularAnimeList() {
       <section mb-8>
         <div flex justify-between items-end mb-6>
           <h3 text="3xl $bew-text-1" font="bold">
-            Popular Anime
+            {{ $t('anime.popular_anime') }}
           </h3>
           <a
             href="https://www.bilibili.com/v/popular/rank/bangumi"
@@ -250,9 +249,13 @@ function getPopularAnimeList() {
                   mr-2
                   rounded-4
                   lh-loose
-                >{{ item.rating }}
+                >{{ item.rating.replace('分', '') }}
                 </span>
-                {{ numFormatter(Number(item.stat.series_follow)) }} follow
+                {{
+                  $t('anime.follow', {
+                    num: numFormatter(item.stat.series_follow),
+                  })
+                }}
               </p>
             </article>
           </div>
@@ -263,7 +266,7 @@ function getPopularAnimeList() {
       <section mb-8>
         <div flex justify-between items-end mb-6>
           <h3 text="3xl $bew-text-1" font="bold">
-            Anime Timetable
+            {{ $t('anime.anime_timetable.title') }}
           </h3>
         </div>
 
diff --git a/src/contentScripts/views/Anime/components/AnimeTimeTable.vue b/src/contentScripts/views/Anime/components/AnimeTimeTable.vue
index a5097a1d..5bbf581b 100644
--- a/src/contentScripts/views/Anime/components/AnimeTimeTable.vue
+++ b/src/contentScripts/views/Anime/components/AnimeTimeTable.vue
@@ -1,12 +1,26 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import type { AnimeTimeTableItem } from '../types'
 import { removeHttpFromUrl } from '~/utils'
 
+const { t } = useI18n()
+
 const animeTimeTable = reactive<AnimeTimeTableItem[]>([])
-const daysOfTheWeekList = ['MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN']
 const animeTimeTableWrap = ref<HTMLElement>() as Ref<HTMLElement>
 
+const daysOfTheWeekList = computed(() => {
+  return [
+    t('anime.anime_timetable.days_of_week.mon'),
+    t('anime.anime_timetable.days_of_week.tue'),
+    t('anime.anime_timetable.days_of_week.wed'),
+    t('anime.anime_timetable.days_of_week.thu'),
+    t('anime.anime_timetable.days_of_week.fri'),
+    t('anime.anime_timetable.days_of_week.sat'),
+    t('anime.anime_timetable.days_of_week.sun'),
+  ]
+})
+
 onMounted(() => {
   getAnimeTimeTable()
 })
@@ -58,11 +72,14 @@ function getAnimeTimeTable() {
                 background-image: url(//s1.hdslb.com/bfs/static/bangumi-timeline/asserts/icons.png);
               "
             />
-            <h3 :text="item.is_today ? '$bew-text-2' : '$bew-text-3'">
+            <h3 :text="item.is_today ? '$bew-text-1' : '$bew-text-3'">
               <span text="2xl" font-bold>{{
                 daysOfTheWeekList[item.day_of_week - 1]
               }}</span>
-              <span text="base $bew-text-2" ml-2>{{ item.date }}</span>
+              <span
+                :text="`base ${item.is_today ? '$bew-text-2' : '$bew-text-3'}`"
+                ml-2
+              >{{ item.date }}</span>
             </h3>
           </div>
           <span