perf: change listener from after-swap to page-load to improve view transition smoothness

- fix theme guide error
- update readme

src/components/Button.astro

@@ -116,5 +116,5 @@ function setupThemeToggle() {
 
 // Initialize click event (on first load or page transition)
 setupThemeToggle()
-document.addEventListener('astro:after-swap', setupThemeToggle)
+document.addEventListener('astro:page-load', setupThemeToggle)
 </script>

src/components/Comments/Waline.astro

@@ -61,7 +61,7 @@ function initWaline() {
 }
 
 initWaline()
-document.addEventListener('astro:after-swap', initWaline)
+document.addEventListener('astro:page-load', initWaline)
 </script>
 
 <!-- Custom CSS Styles >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> -->

src/components/Widgets/GoBack.astro

@@ -32,5 +32,5 @@ function setupBackButton() {
 }
 
 setupBackButton()
-document.addEventListener('astro:after-swap', setupBackButton)
+document.addEventListener('astro:page-load', setupBackButton)
 </script>

src/components/Widgets/TOC.astro

@@ -232,6 +232,6 @@ function setupTOCHighlight() {
 }
 
 setupTOCHighlight()
-document.addEventListener('astro:after-swap', setupTOCHighlight)
+document.addEventListener('astro:page-load', setupTOCHighlight)
 </script>
 

src/content/posts/guides/Theme Guide-en.md

@@ -288,7 +288,7 @@ Beyond the configuration file `src/config.ts`, there are some configuration opti
 Code block syntax highlighting themes.
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // available themes: https://shiki.style/themes

src/content/posts/guides/Theme Guide-es.md

@@ -288,7 +288,7 @@ Más allá del archivo de configuración `src/config.ts`, hay algunas opciones d
 Temas de resaltado de sintaxis para bloques de código.
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // temas disponibles: https://shiki.style/themes

src/content/posts/guides/Theme Guide-ja.md

@@ -288,7 +288,7 @@ src/content/posts/2025/03/apple.md   ->  example.com/es/posts/banana/
 コードブロックのシンタックスハイライトテーマ。
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // 利用可能なテーマ: https://shiki.style/themes

src/content/posts/guides/Theme Guide-ru.md

@@ -288,7 +288,7 @@ src/content/posts/2025/03/apple.md   ->  example.com/es/posts/banana/
 Темы подсветки синтаксиса для блоков кода.
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // доступные темы: https://shiki.style/themes

src/content/posts/guides/Theme Guide-zh-tw.md

@@ -288,7 +288,7 @@ src/content/posts/2025/03/apple.md   ->  example.com/es/posts/banana/
 代碼塊的語法高亮主題。
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // 可選主題：https://shiki.style/themes

src/content/posts/guides/Theme Guide-zh.md

@@ -288,7 +288,7 @@ src/content/posts/2025/03/apple.md   ->  example.com/es/posts/banana/
 代码块的语法高亮主题。
 
 ```ts
-// src/astro.config.ts
+// astro.config.ts
 
 shikiConfig: {
   // 可选主题：https://shiki.style/themes