@vuepress/client - npm Package Compare versions

Comparing version 2.0.0-rc.4 to 2.0.0-rc.5

dist/app.js

 import {
   ClientOnly,
   Content,
-  VPLink,
+  RouteLink,
   layoutsSymbol,
@@ -23,8 +23,7 @@ pageDataSymbol,
   withBase
-} from "./chunk-6BD5VZ74.js";
+} from "./chunk-VSQZBVKH.js";
 
 // src/app.ts
 import { clientConfigs } from "@internal/clientConfigs";
-import { createApp, createSSRApp, h as h2 } from "vue";
-import { RouterView } from "vue-router";
+import { createApp, createSSRApp, h } from "vue";
 
@@ -39,14 +38,2 @@ // src/createVueRouter.ts
 } from "vue-router";
-
-// src/components/Vuepress.ts
-import { defineComponent, h } from "vue";
-var Vuepress = defineComponent({
-  name: "Vuepress",
-  setup() {
-    const layout = usePageLayout();
-    return () => h(layout.value);
-  }
-});
-
-// src/createVueRouter.ts
 var historyCreator = __VUEPRESS_SSR__ ? createMemoryHistory : createWebHistory;
@@ -61,3 +48,3 @@ var createVueRouter = () => {
         path: "/:catchAll(.*)",
-        component: Vuepress
+        components: {}
       }
@@ -95,3 +82,3 @@ ],
   app.component("Content", Content);
-  app.component("VPLink", VPLink);
+  app.component("RouteLink", RouteLink);
 };
@@ -291,3 +278,3 @@
   const app = appCreator({
-    name: "VuepressApp",
+    name: "Vuepress",
     setup() {
@@ -298,8 +285,7 @@ setupUpdateHead();
       }
-      return () => [
-        h2(RouterView),
-        ...clientConfigs.flatMap(
-          ({ rootComponents = [] }) => rootComponents.map((component) => h2(component))
-        )
-      ];
+      const rootComponents = clientConfigs.flatMap(
+        ({ rootComponents: rootComponents2 = [] }) => rootComponents2.map((component) => h(component))
+      );
+      const layout = usePageLayout();
+      return () => [h(layout.value), rootComponents];
     }
@@ -306,0 +292,0 @@ });

dist/index.d.ts

 import { PageData, PageFrontmatter, HeadConfig, SiteData } from '@vuepress/shared';
 export { PageData, PageFrontmatter, PageHeader, SiteData } from '@vuepress/shared';
 import * as vue from 'vue';
-import { ComputedRef, InjectionKey, Ref, Component, App, ComponentOptions, FunctionalComponent, VNode } from 'vue';
+import { ComputedRef, InjectionKey, Ref, Component, App, ComponentOptions, HTMLAttributes, FunctionalComponent, VNode } from 'vue';
 import { Router } from 'vue-router';
@@ -244,2 +244,5 @@ export { C as CreateVueAppFunction } from './createVueAppFunction-YNGNKfE3.js';
 
+/**
+ * Wrapper component that only renders its content on the client side and skips server side rendering
+ */
 declare const ClientOnly: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -270,6 +273,30 @@ [key: string]: any;
 
-interface VPLinkProps {
+interface RouteLinkProps extends HTMLAttributes {
+    /**
+     * Whether the link is active to have an active class
+     *
+     * Notice that the active status is not automatically determined according to the current route.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * The class to add when the link is active
+     *
+     * @default 'route-link-active'
+     */
+    activeClass?: string;
+    /**
+     * The route path to link to
+     */
     to: string;
 }
-declare const VPLink: FunctionalComponent<VPLinkProps, Record<never, never>, {
+/**
+ * Component to render a link to another route.
+ *
+ * It's similar to `RouterLink` in `vue-router`, but more lightweight.
+ *
+ * It's recommended to use `RouteLink` in VuePress.
+ */
+declare const RouteLink: FunctionalComponent<RouteLinkProps, Record<never, never>, {
     default: () => string | VNode | (string | VNode)[];
@@ -306,2 +333,2 @@ }>;
 
-export { type ClientConfig, ClientOnly, Content, type Layouts, type LayoutsRef, type PageChunk, type PageDataRef, type PageFrontmatterRef, type PageHead, type PageHeadRef, type PageHeadTitle, type PageHeadTitleRef, type PageLang, type PageLangRef, type PageLayoutRef, type Redirects, type Route, type RouteLocale, type RouteLocaleRef, type RouteMeta, type Routes, type SiteDataRef, type SiteLocaleData, type SiteLocaleDataRef, type UpdateHead, VPLink, type VPLinkProps, defineClientConfig, layoutsSymbol, pageDataSymbol, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pageLayoutSymbol, redirects, resolveRoute, resolveRoutePath, resolvers, routeLocaleSymbol, routes, siteData, siteLocaleDataSymbol, updateHeadSymbol, useLayouts, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePageLayout, useRedirects, useRouteLocale, useRoutes, useSiteData, useSiteLocaleData, useUpdateHead, withBase };
+export { type ClientConfig, ClientOnly, Content, type Layouts, type LayoutsRef, type PageChunk, type PageDataRef, type PageFrontmatterRef, type PageHead, type PageHeadRef, type PageHeadTitle, type PageHeadTitleRef, type PageLang, type PageLangRef, type PageLayoutRef, type Redirects, type Route, RouteLink, type RouteLinkProps, type RouteLocale, type RouteLocaleRef, type RouteMeta, type Routes, type SiteDataRef, type SiteLocaleData, type SiteLocaleDataRef, type UpdateHead, defineClientConfig, layoutsSymbol, pageDataSymbol, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pageLayoutSymbol, redirects, resolveRoute, resolveRoutePath, resolvers, routeLocaleSymbol, routes, siteData, siteLocaleDataSymbol, updateHeadSymbol, useLayouts, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePageLayout, useRedirects, useRouteLocale, useRoutes, useSiteData, useSiteLocaleData, useUpdateHead, withBase };

dist/index.js

 import {
   ClientOnly,
   Content,
-  VPLink,
+  RouteLink,
   defineClientConfig,
@@ -36,7 +36,7 @@ layoutsSymbol,
   withBase
-} from "./chunk-6BD5VZ74.js";
+} from "./chunk-VSQZBVKH.js";
 export {
   ClientOnly,
   Content,
-  VPLink,
+  RouteLink,
   defineClientConfig,
@@ -43,0 +43,0 @@ layoutsSymbol,

package.json

 {
   "name": "@vuepress/client",
-  "version": "2.0.0-rc.4",
+  "version": "2.0.0-rc.5",
   "description": "Client package of VuePress",
@@ -40,3 +40,3 @@ "keywords": [
     "vue-router": "^4.2.5",
-    "@vuepress/shared": "2.0.0-rc.4"
+    "@vuepress/shared": "2.0.0-rc.5"
   },
@@ -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

37655

increased by2.03%

Lines of code

1172

increased by1.82%

Dependency changes

• + Added@vuepress/shared@2.0.0-rc.5(transitive)

• - Removed@vuepress/shared@2.0.0-rc.4(transitive)

• Updated@vuepress/shared@2.0.0-rc.5