fix: replace invalid url

Author: minai621

docs/.vitepress/config.mts

@@ -8,16 +8,14 @@ export default defineConfig({
   locales: {
     root: {
       label: "한국어",
+      link: "/ko/",
       ...ko,
-      link: "/ko",
     },
+
     en: {
       label: "English",
+      link: "/en/",
       ...en,
-      link: "/en",
     },
   },
-  rewrites: {
-    "/ko": "/",
-  },
 });

docs/.vitepress/libs/nextPath.mts

@@ -0,0 +1,21 @@
+function nextPath(to: "en" | "ko", path: string): string {
+  if (path === "/" || path === "/en/" || path === "/ko/") {
+    return to === "en" ? "/en/" : "/";
+  }
+
+  return to === "en"
+    ? path.replace(/^\/ko(?=\/|$)/, "/en")
+    : path.replace(/^\/en(?=\/|$)/, "/ko");
+}
+
+export function fixLangLinks(pathname: string) {
+  document
+    .querySelectorAll<HTMLAnchorElement>('a.VPLink.link[href^="/en"]')
+    .forEach((a) => a.setAttribute("href", nextPath("en", pathname)));
+
+  document
+    .querySelectorAll<HTMLAnchorElement>(
+      'a.VPLink.link[href^="/ko"], a.VPLink.link[href="/"]'
+    )
+    .forEach((a) => a.setAttribute("href", nextPath("ko", pathname)));
+}

docs/.vitepress/theme/index.ts

@@ -1,7 +1,8 @@
 // https://vitepress.dev/guide/custom-theme
-import { h } from "vue";
 import type { Theme } from "vitepress";
 import DefaultTheme from "vitepress/theme";
+import { h } from "vue";
+import { fixLangLinks } from "../libs/nextPath.mts";
 import "./style.css";
 
 export default {
@@ -11,5 +12,11 @@ export default {
       // https://vitepress.dev/guide/extending-default-theme#layout-slots
     });
   },
-  enhanceApp({ app, router, siteData }) {},
+  enhanceApp({ app, router, siteData }) {
+    if (typeof window === "undefined") return;
+    fixLangLinks(window.location.pathname);
+    router.onAfterRouteChanged = (to) => {
+      fixLangLinks(to);
+    };
+  },
 } satisfies Theme;