perf(client): use eager computed for routePath to avoid extra route l…

…ocale resolving
vuepress · Jul 3, 2023 · aacff56 · aacff56
1 parent 3fbe54f
commit aacff56
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/client/src/setupGlobalComputed.ts b/packages/client/src/setupGlobalComputed.ts
@@ -59,13 +59,12 @@ export const setupGlobalComputed = (
   router: Router,
   clientConfigs: ClientConfig[]
 ): GlobalComputed => {
-  // create global computed
   const layouts = computed(() => resolvers.resolveLayouts(clientConfigs))
+  // create eager computed for route path and locale, so that route changes
+  // won't make all downstream computed re-evaluate
+  const routePath = computedEager(() => router.currentRoute.value.path)
   const routeLocale = computedEager(() =>
-    resolvers.resolveRouteLocale(
-      siteData.value.locales,
-      router.currentRoute.value.path
-    )
+    resolvers.resolveRouteLocale(siteData.value.locales, routePath.value)
   )
   const siteLocaleData = computed(() =>
     resolvers.resolveSiteLocaleData(siteData.value, routeLocale.value)