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

- fix theme guide error
- update readme

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