From 3e626e2253720546bc2b1ccd7ae2dce5342b8d23 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 24 Dec 2023 22:41:54 +0800
Subject: [PATCH] refactor: remove startup page setting, determine startup page
 based on dock content

---
 src/_locales/cmn-CN.yml                        |  1 +
 src/_locales/cmn-TW.yml                        |  1 +
 src/_locales/en.yml                            |  2 +-
 src/_locales/jyut.yml                          |  1 +
 src/components/Settings/components/General.vue | 10 +---------
 src/contentScripts/views/App.vue               |  2 +-
 6 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index 03dbcc45..9e07dc88 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -74,6 +74,7 @@ settings:
     bottom: 底部
   auto_hide_dock: 自动隐藏 Dock 栏
   dock_content_adjustment: Dock 内容调整
+  dock_content_adjustment_desc: 第一个激活的 Dock 项的页面将会是启动页面
 
   # Appearance settings
   theme: 主题
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 3f0ad6a8..e66c9877 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -74,6 +74,7 @@ settings:
     bottom: 底部
   auto_hide_dock: 自動隱藏 Dock
   dock_content_adjustment: Dock 內容調整
+  dock_content_adjustment_desc: 第一個啓用的 Dock 項目的頁面將是起始頁面
 
   # Appearance settings
   theme: 主題
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index 0e1858d0..daa7bee2 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -57,7 +57,6 @@ settings:
     mandarin_cn: Mandarin - Simplified Chinese
     mandarin_tw: Mandarin - Traditional Chinese
     jyut: Cantonese
-  startup_page: Startup page
   chk_box:
     show: Show
     hidden: Hidden
@@ -75,6 +74,7 @@ settings:
     bottom: Bottom
   auto_hide_dock: Automatically hide the dock
   dock_content_adjustment: Dock content adjustment
+  dock_content_adjustment_desc: The page of the first activated dock item will be the startup page
 
   # Appearance settings
   theme: Theme
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index dc339984..736bb5c1 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -74,6 +74,7 @@ settings:
     bottom: 下低
   auto_hide_dock: 自動收埋 Dock
   dock_content_adjustment: Dock 內容調整
+  dock_content_adjustment_desc: 第一個啓用嘅 Dock 項個頁面會係開始頁面
 
   # Appearance settings
   theme: 色系
diff --git a/src/components/Settings/components/General.vue b/src/components/Settings/components/General.vue
index 4266a233..608601f1 100644
--- a/src/components/Settings/components/General.vue
+++ b/src/components/Settings/components/General.vue
@@ -80,14 +80,6 @@ function resetDockContent() {
         />
       </SettingsItem>
 
-      <SettingsItem :title="$t('settings.startup_page')">
-        <Select
-          v-model="settings.startupPage"
-          :options="pageOptions"
-          w="full"
-        />
-      </SettingsItem>
-
       <SettingsItem :title="$t('settings.enable_horizontal_scrolling')" :desc="$t('settings.enable_horizontal_scrolling_desc')">
         <Radio v-model="settings.enableHorizontalScrolling" />
       </SettingsItem>
@@ -120,7 +112,7 @@ function resetDockContent() {
       <SettingsItem :title="$t('settings.auto_hide_dock')">
         <Radio v-model="settings.autoHideDock" />
       </SettingsItem>
-      <SettingsItem next-line>
+      <SettingsItem next-line :desc="$t('settings.dock_content_adjustment_desc')">
         <template #title>
           <div flex="~ gap-4 items-center">
             {{ $t('settings.dock_content_adjustment') }}
diff --git a/src/contentScripts/views/App.vue b/src/contentScripts/views/App.vue
index fd35f205..d201592b 100644
--- a/src/contentScripts/views/App.vue
+++ b/src/contentScripts/views/App.vue
@@ -15,7 +15,7 @@ import { AppPage, LanguageType } from '~/enums/appEnums'
 import { getUserID, hexToRGBA, isHomePage, smoothScrollToTop } from '~/utils/main'
 import emitter from '~/utils/mitt'
 
-const activatedPage = ref<AppPage>(settings.value.dockItemVisibilityList[0].page ?? AppPage.Home)
+const activatedPage = ref<AppPage>(settings.value.dockItemVisibilityList.find(e => e.visible === true)?.page ?? AppPage.Home)
 const { locale } = useI18n()
 const [showSettings, toggleSettings] = useToggle(false)
 const pages = { Home, Search, Anime, History, WatchLater, Favorites }