refactor: remove startup page setting, determine startup page based on dock content

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: 主题

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: 主題

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

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: 色系

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') }}

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 }