fix(theme): keep hash same when switching locales

src/client/theme-default/composables/hash.ts

@@ -0,0 +1,12 @@
+import { inBrowser } from '../../shared'
+import { ref } from 'vue'
+
+const hashRef = ref(inBrowser ? location.hash : '')
+
+if (inBrowser) {
+  window.addEventListener('hashchange', () => {
+    hashRef.value = location.hash
+  })
+}
+
+export { hashRef }

src/client/theme-default/composables/langs.ts

@@ -1,6 +1,7 @@
 import { computed } from 'vue'
-import { useData } from './data'
 import { ensureStartingSlash } from '../support/utils'
+import { useData } from './data'
+import { hashRef } from './hash'
 
 export function useLangs({
   removeCurrent = true,
@@ -20,12 +21,15 @@ export function useLangs({
         ? []
         : {
             text: value.label,
-            link: normalizeLink(
+            link:
-              value.link || (key === 'root' ? '/' : `/${key}/`),
+              normalizeLink(
-              theme.value.i18nRouting !== false && correspondingLink,
+                value.link || (key === 'root' ? '/' : `/${key}/`),
-              page.value.relativePath.slice(currentLang.value.link.length - 1),
+                theme.value.i18nRouting !== false && correspondingLink,
-              !site.value.cleanUrls
+                page.value.relativePath.slice(
-            )
+                  currentLang.value.link.length - 1
+                ),
+                !site.value.cleanUrls
+              ) + hashRef.value
           }
     )
   )

src/client/theme-default/composables/sidebar.ts

@@ -11,13 +11,14 @@ import {
   type ComputedRef,
   type Ref
 } from 'vue'
-import { inBrowser, isActive } from '../../shared'
+import { isActive } from '../../shared'
 import {
   hasActiveLink as containsActiveLink,
   getSidebar,
   getSidebarGroups
 } from '../support/sidebar'
 import { useData } from './data'
+import { hashRef } from './hash'
 
 export interface SidebarControl {
   collapsed: Ref<boolean>
@@ -134,13 +135,6 @@ export function useCloseSidebarOnEscape(
   }
 }
 
-const hashRef = ref(inBrowser ? location.hash : '')
-if (inBrowser) {
-  window.addEventListener('hashchange', () => {
-    hashRef.value = location.hash
-  })
-}
-
 export function useSidebarControl(
   item: ComputedRef<DefaultTheme.SidebarItem>
 ): SidebarControl {