feat: implement page auto-reload after changing "Use the original Bilibili homepage" setting

src/_locales/cmn-CN.yml

@@ -125,7 +125,7 @@ settings:
   # Compatibility
   # Common
   use_original_bilibili_homepage: 使用原版 Bilibili 首页
-  use_original_bilibili_homepage_desc: 修改后需要刷新页面才能生效
+  use_original_bilibili_homepage_desc: 在您更改此设置后，如果在首页上，页面将自动刷新！
   adapt_to_other_page_styles: 适应其他页面样式
   adapt_to_other_page_styles_desc: 适应一些常见页面，以与 BewlyBewly 主题相匹配
   # Bilibili Evolved

src/_locales/cmn-TW.yml

@@ -128,7 +128,7 @@ settings:
   # Compatibility
   # Common
   use_original_bilibili_homepage: 使用原版 Bilibili 首頁
-  use_original_bilibili_homepage_desc: 修改後需要重新整理頁面才能生效
+  use_original_bilibili_homepage_desc: 當您變更此設定後，如果在首頁上，頁面將自動重新整理！
   adapt_to_other_page_styles: 適應其他頁面風格
   adapt_to_other_page_styles_desc: 適應一些常見頁面，以配合 BewlyBewly 主題
   # Bilibili Evolved

src/_locales/en.yml

@@ -126,7 +126,7 @@ settings:
   # Compatibility
   # Common
   use_original_bilibili_homepage: Use the original Bilibili homepage
-  use_original_bilibili_homepage_desc: You need to refresh the page after changing it
+  use_original_bilibili_homepage_desc: After you change it, the page will automatically refresh if you are on the homepage!
   adapt_to_other_page_styles: Adapt to other page styles
   adapt_to_other_page_styles_desc: Adapt to some common pages to match with the BewlyBewly theme
   # Bilibili Evolved

src/_locales/jyut.yml

@@ -128,7 +128,7 @@ settings:
   # Compatibility
   # Common
   use_original_bilibili_homepage: 用返原本嘅 Bilibili 主頁
-  use_original_bilibili_homepage_desc: 改咗嘅話要你重新整理頁面先至得
+  use_original_bilibili_homepage_desc: 改咗之後，如果你喺主頁，個頁面就會自動重新整理！
   adapt_to_other_page_styles: 適應其他版面風格
   adapt_to_other_page_styles_desc: 執執啲常用嘅版面，襯返 BewlyBewly 主題風格
   # Bilibili Evolved

src/components/Settings/components/Compatibility.vue

@@ -1,5 +1,11 @@
 <script lang="ts" setup>
 import { settings } from '~/logic'
+import { isHomePage } from '~/utils/main'
+
+watch(() => settings.value.useOriginalBilibiliHomepage, () => {
+  if (isHomePage())
+    location.reload()
+})
 
 const bilibiliEvolvedThemeColor = computed(() => {
   return getComputedStyle(document.querySelector('html') as HTMLElement).getPropertyValue('--theme-color').trim() ?? '#00a1d6'
@@ -15,7 +21,7 @@ function changeThemeColor(color: string) {
     <SettingsItemGroup :title="$t('settings.group_common')">
       <SettingsItem :title="$t('settings.use_original_bilibili_homepage')">
         <template #desc>
-          <span color="$bew-warning-color" v-text="$t('settings.use_original_bilibili_homepage_desc')" />
+          <span color="$bew-error-color" v-text="$t('settings.use_original_bilibili_homepage_desc')" />
         </template>
         <Radio v-model="settings.useOriginalBilibiliHomepage" />
       </SettingsItem>