@vuepress/client - npm Package Compare versions

Comparing version 2.0.0-beta.66 to 2.0.0-beta.67

./dist/index.js

@@ -6,4 +6,4 @@ import {
   layoutsSymbol,
-  pageData,
   pageDataEmpty,
+  pageDataSymbol,
   pageFrontmatterSymbol,
@@ -33,3 +33,3 @@ pageHeadSymbol,
   withBase
-} from "./chunk-IKARB3UY.js";
+} from "./chunk-WOIWBUXI.js";
 export {
@@ -40,4 +40,4 @@ ClientOnly,
   layoutsSymbol,
-  pageData,
   pageDataEmpty,
+  pageDataSymbol,
   pageFrontmatterSymbol,
@@ -44,0 +44,0 @@ pageHeadSymbol,

dist/app.js

@@ -5,3 +5,3 @@ import {
   layoutsSymbol,
-  pageData,
+  pageDataSymbol,
   pageFrontmatterSymbol,
@@ -12,2 +12,3 @@ pageHeadSymbol,
   pageLayoutSymbol,
+  pagesData,
   resolvers,
@@ -22,3 +23,3 @@ routeLocaleSymbol,
   withBase
-} from "./chunk-IKARB3UY.js";
+} from "./chunk-WOIWBUXI.js";
 
@@ -110,3 +111,3 @@ // src/app.ts
       ;
-      [pageData.value] = await Promise.all([
+      [to.meta._data] = await Promise.all([
         resolvers.resolvePageData(to.name),
@@ -127,6 +128,5 @@ pagesComponents[to.name]?.__asyncLoader()
 // src/setupGlobalComputed.ts
-import { computedEager } from "@vueuse/core";
+import { computedEager, computedWithControl } from "@vueuse/core";
 import { computed } from "vue";
 var setupGlobalComputed = (app, router, clientConfigs2) => {
-  const layouts = computed(() => resolvers.resolveLayouts(clientConfigs2));
   const routePath = computedEager(() => router.currentRoute.value.path);
@@ -136,2 +136,16 @@ const routeLocale = computedEager(
   );
+  const pageData = computedWithControl(
+    routePath,
+    () => router.currentRoute.value.meta._data
+  );
+  if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
+    __VUE_HMR_RUNTIME__.updatePageData = (data) => {
+      pagesData.value[data.key] = () => Promise.resolve(data);
+      if (data.key === router.currentRoute.value.meta._data.key) {
+        router.currentRoute.value.meta._data = data;
+        pageData.trigger();
+      }
+    };
+  }
+  const layouts = computed(() => resolvers.resolveLayouts(clientConfigs2));
   const siteLocaleData = computed(
@@ -160,2 +174,3 @@ () => resolvers.resolveSiteLocaleData(siteData.value, routeLocale.value)
   app.provide(layoutsSymbol, layouts);
+  app.provide(pageDataSymbol, pageData);
   app.provide(pageFrontmatterSymbol, pageFrontmatter);
@@ -162,0 +177,0 @@ app.provide(pageHeadTitleSymbol, pageHeadTitle);

dist/index.d.ts

@@ -91,2 +91,6 @@ import { PageData, PageFrontmatter, HeadConfig, SiteData } from '@vuepress/shared';
 /**
+ * Injection key for page data
+ */
+declare const pageDataSymbol: InjectionKey<PageDataRef>;
+/**
  * Empty page data to be used as the fallback value
@@ -96,6 +100,2 @@ */
 /**
- * Global page data ref
- */
-declare const pageData: PageDataRef;
-/**
  * Returns the ref of the data of current page
@@ -289,2 +289,2 @@ */
 
-export { ClientConfig, ClientOnly, Content, CreateVueAppFunction, Layouts, LayoutsRef, PageDataRef, PageFrontmatterRef, PageHead, PageHeadRef, PageHeadTitle, PageHeadTitleRef, PageLang, PageLangRef, PageLayoutRef, PageRouteItem, PagesData, PagesDataRef, RouteLocale, RouteLocaleRef, SiteDataRef, SiteLocaleData, SiteLocaleDataRef, UpdateHead, defineClientConfig, layoutsSymbol, pageData, pageDataEmpty, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pageLayoutSymbol, pagesData, resolvers, routeLocaleSymbol, siteData, siteLocaleDataSymbol, updateHeadSymbol, useLayouts, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePageLayout, usePagesData, useRouteLocale, useSiteData, useSiteLocaleData, useUpdateHead, withBase };
+export { ClientConfig, ClientOnly, Content, CreateVueAppFunction, Layouts, LayoutsRef, PageDataRef, PageFrontmatterRef, PageHead, PageHeadRef, PageHeadTitle, PageHeadTitleRef, PageLang, PageLangRef, PageLayoutRef, PageRouteItem, PagesData, PagesDataRef, RouteLocale, RouteLocaleRef, SiteDataRef, SiteLocaleData, SiteLocaleDataRef, UpdateHead, defineClientConfig, layoutsSymbol, pageDataEmpty, pageDataSymbol, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pageLayoutSymbol, pagesData, resolvers, routeLocaleSymbol, siteData, siteLocaleDataSymbol, updateHeadSymbol, useLayouts, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePageLayout, usePagesData, useRouteLocale, useSiteData, useSiteLocaleData, useUpdateHead, withBase };

dist/index.js

@@ -6,4 +6,4 @@ import {
   layoutsSymbol,
-  pageData,
   pageDataEmpty,
+  pageDataSymbol,
   pageFrontmatterSymbol,
@@ -33,3 +33,3 @@ pageHeadSymbol,
   withBase
-} from "./chunk-IKARB3UY.js";
+} from "./chunk-WOIWBUXI.js";
 export {
@@ -40,4 +40,4 @@ ClientOnly,
   layoutsSymbol,
-  pageData,
   pageDataEmpty,
+  pageDataSymbol,
   pageFrontmatterSymbol,
@@ -44,0 +44,0 @@ pageHeadSymbol,

package.json

 {
   "name": "@vuepress/client",
-  "version": "2.0.0-beta.66",
+  "version": "2.0.0-beta.67",
   "description": "Client package of VuePress",
@@ -37,6 +37,6 @@ "keywords": [
     "@vue/devtools-api": "^6.5.0",
-    "@vueuse/core": "^10.2.1",
+    "@vueuse/core": "^10.4.1",
     "vue": "^3.3.4",
     "vue-router": "^4.2.4",
-    "@vuepress/shared": "2.0.0-beta.66"
+    "@vuepress/shared": "2.0.0-beta.67"
   },
@@ -43,0 +43,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34756

increased by1.52%

Lines of code

1135

increased by1.34%

Dependency changes

• + Added@vuepress/shared@2.0.0-beta.67(transitive)

• - Removed@vuepress/shared@2.0.0-beta.66(transitive)

• Updated@vuepress/shared@2.0.0-beta.67

• Updated@vueuse/core@^10.4.1