fix: change route path before page load (GreptimeTeam#615)

Co-authored-by: Ning Sun <sunng@protonmail.com>
niebayes · Oct 11, 2023 · 87a2749 · 87a2749
1 parent 0aa46ea
commit 87a2749
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
@@ -4,21 +4,38 @@ Layout
 <script setup name="Layout" lang="ts">
 import Layout from 'vitepress/dist/client/theme-default/Layout.vue'
 import { useRouter } from 'vitepress'
-import { getSidebarIcon } from '@/utils.ts'
+import { getSidebarIcon, setVersionOnPage } from '@/utils.ts'
 
 // data
 const { theme } = useData()
 const { latestVersion, iconMap } = theme.value
 // methods
 // lifecycle
-onMounted(async () => {
+const router = useRouter()
+const currentVersion = ref(latestVersion)
+
+router.onBeforePageLoad = to => {
+  const pre = to
+  let res = to.replace(`/zh`, '')
+  res = res.replace(`/en`, '')
+  res = res.replace(`/v0.4`, '')
+  res = res.replace(`/v0.4`, '')
+  if (pre !== res) router.go(res)
+  setVersionOnPage(to, currentVersion)
+}
+onBeforeMount(async () => {
+  const body = document.querySelector('body')
+  body.style.display = 'none'
   const router = useRouter()
   let path = router.route.path
   if (path.includes(latestVersion)) {
     const res = path.replace(`/${latestVersion}`, '')
     await router.go(res)
   }
+  body.style.display = 'block'
+})
+onMounted(async () => {
+  setVersionOnPage(router.route.path, currentVersion)
   getSidebarIcon(iconMap)
 })
-onUnmounted(() => {})
 </script>
diff --git a/docs/.vitepress/theme/utils.ts b/docs/.vitepress/theme/utils.ts
@@ -43,3 +43,10 @@ export function getSidebarIcon(iconMap) {
     }
   })
 }
+
+export function setVersionOnPage(path, currentVersion) {
+  currentVersion.value = path.includes('/v0.3/') ? 'V0.3' : 'V0.4'
+  const div = document.querySelector('.VPNavBarMenuGroup')
+  const targetElement = <HTMLInputElement>div.childNodes[0].childNodes[0].childNodes[1]
+  targetElement.innerText = currentVersion.value
+}
diff --git a/docs/en/config/index.ts b/docs/en/config/index.ts
@@ -37,7 +37,7 @@ export const enConfig = async () => ({
       },
       {
         // TODO change version
-        text: 'The Version Of History',
+        text: 'All Versions',
         items: [
           {
             text: `${LATEST_VERSION}(latest)`,