@void/vue 0.7.4 → 0.7.5

package/README.md

@@ -33,6 +33,7 @@ Main runtime APIs live at `@void/vue`:
 
 - `Link`
 - `useRouter()`
+- `useParams()`
 - `useNavigation()`
 - `useShared()`
 - `useForm()`

package/dist/{index-C0fE29Kv.d.mts → index-DjrFKwuZ.d.mts}

@@ -9,6 +9,9 @@ declare const Link: Component;
 //#region src/runtime/use-router.d.ts
 declare function useRouter(): VoidRouter;
 //#endregion
+//#region src/runtime/use-params.d.ts
+declare function useParams<T extends Record<string, string> = Record<string, string>>(): T;
+//#endregion
 //#region src/runtime/use-shared.d.ts
 declare function useShared<T = CloudContextVariables["shared"]>(): T;
 //#endregion
@@ -76,4 +79,4 @@ declare function setActionRouter(router: VoidRouter): void;
 /** Programmatic one-shot page action call with Inertia page update */
 declare function action<U extends ActionUrl & string>(url: U, ...args: HasParams<U> extends true ? [options: ActionOptions<U>] : [options?: ActionOptions<U>]): Promise<ActionResult>;
 //#endregion
-export { useIslandForm as a, useShared as c, setActionRouter as i, useRouter as l, InferProps as n, useNavigation as o, action as r, useForm as s, Deferred as t, Link as u };
+export { useIslandForm as a, useShared as c, Link as d, setActionRouter as i, useParams as l, InferProps as n, useNavigation as o, action as r, useForm as s, Deferred as t, useRouter as u };

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { a as useIslandForm, c as useShared, i as setActionRouter, l as useRouter, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as Link } from "./index-C0fE29Kv.mjs";
-export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useIslandForm, c as useShared, d as Link, i as setActionRouter, l as useParams, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as useRouter } from "./index-DjrFKwuZ.mjs";
+export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { a as useForm, c as Link, i as useNavigation, n as setActionRouter, o as useShared, r as useIslandForm, s as useRouter, t as action } from "./runtime-DL_B0L_H.mjs";
-export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useForm, c as useRouter, i as useNavigation, l as Link, n as setActionRouter, o as useShared, r as useIslandForm, s as useParams, t as action } from "./runtime-DtQg9eTF.mjs";
+export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/plugin.mjs

@@ -373,6 +373,7 @@ export async function renderIslandPage(pageObj, assetTags) {
     setup() {
       provide("__void_shared", reactive(pageObj.shared || {}));
       provide("__void_errors", reactive(pageObj.errors || {}));
+      provide("__void_params", reactive(pageObj.params || {}));
       if (__frontmatter) provide("__void_frontmatter", __frontmatter);
       // No router provided — islands have no Void Router
       return () => {
@@ -590,7 +591,8 @@ export async function renderPage(pageObj, assetTags) {
     setup() {
       provide("__void_shared", reactive(pageObj.shared || {}));
       provide("__void_errors", reactive(pageObj.errors || {}));
-      provide("__void_router", createSsrRouter(pageObj.url || "/"));
+      provide("__void_params", reactive(pageObj.params || {}));
+      provide("__void_router", createSsrRouter(pageObj.url || "/", pageObj.params || {}));
       provide("__void_navigation", idleNavigationState());
       return () => {
         patchProps(PageComponent, pageObj.props);
@@ -634,6 +636,7 @@ ${generateComponentManifest(scan, pagesDir)}
 
 const shared = reactive({});
 const errors = reactive({});
+const params = reactive({});
 const currentComponent = shallowRef(null);
 const currentLayouts = shallowRef([]);
 const currentProps = shallowRef({});
@@ -646,6 +649,11 @@ function patchProps(comp, props) {
   comp.__voidPatched = true;
 }
 
+function replaceRecord(target, source) {
+  for (const key of Object.keys(target)) delete target[key];
+  Object.assign(target, source || {});
+}
+
 const { router, initialPageData, initialComponent, initialLayouts, start } =
   await createVoidRouter({
     adapter: {
@@ -655,8 +663,8 @@ const { router, initialPageData, initialComponent, initialLayouts, start } =
       isLoading: (ref) => ref.loading,
       applyUpdate(pageData, comp, layouts) {
         Object.assign(shared, pageData.shared || {});
-        for (const key of Object.keys(errors)) delete errors[key];
-        Object.assign(errors, pageData.errors || {});
+        replaceRecord(errors, pageData.errors || {});
+        replaceRecord(params, pageData.params || {});
         currentProps.value = pageData.props;
         currentLayouts.value = layouts;
         currentComponent.value = comp;
@@ -679,12 +687,13 @@ const { router, initialPageData, initialComponent, initialLayouts, start } =
     },
   });
 
-const reactiveRouter = createRouterFacade(router, () => routeUrl.value);
+const reactiveRouter = createRouterFacade(router, () => routeUrl.value, () => params);
 
 setActionRouter(reactiveRouter);
 
 Object.assign(shared, initialPageData.shared || {});
-Object.assign(errors, initialPageData.errors || {});
+replaceRecord(errors, initialPageData.errors || {});
+replaceRecord(params, initialPageData.params || {});
 currentProps.value = initialPageData.props;
 currentComponent.value = initialComponent;
 currentLayouts.value = initialLayouts;
@@ -693,6 +702,7 @@ const app = createSSRApp({
   setup() {
     provide("__void_shared", shared);
     provide("__void_errors", errors);
+    provide("__void_params", params);
     provide("__void_router", reactiveRouter);
     provide("__void_navigation", navigation);
 

package/dist/runtime/index.d.mts

@@ -1,2 +1,2 @@
-import { a as useIslandForm, c as useShared, i as setActionRouter, l as useRouter, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as Link } from "../index-C0fE29Kv.mjs";
-export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useIslandForm, c as useShared, d as Link, i as setActionRouter, l as useParams, n as InferProps, o as useNavigation, r as action, s as useForm, t as Deferred, u as useRouter } from "../index-DjrFKwuZ.mjs";
+export { Deferred, InferProps, Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/runtime/index.mjs

@@ -1,2 +1,2 @@
-import { a as useForm, c as Link, i as useNavigation, n as setActionRouter, o as useShared, r as useIslandForm, s as useRouter, t as action } from "../runtime-DL_B0L_H.mjs";
-export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useRouter, useShared };
+import { a as useForm, c as useRouter, i as useNavigation, l as Link, n as setActionRouter, o as useShared, r as useIslandForm, s as useParams, t as action } from "../runtime-DtQg9eTF.mjs";
+export { Link, action, setActionRouter, useForm, useIslandForm, useNavigation, useParams, useRouter, useShared };

package/dist/{runtime-DL_B0L_H.mjs → runtime-DtQg9eTF.mjs}

@@ -222,6 +222,13 @@ function useRouter() {
 	return inject("__void_router", null) ?? ssrProxy;
 }
 //#endregion
+//#region src/runtime/use-params.ts
+function useParams() {
+	const params = inject("__void_params");
+	if (!params) throw new Error("useParams(): must be used inside a Void page.");
+	return params;
+}
+//#endregion
 //#region src/runtime/use-shared.ts
 function useShared() {
 	const shared = inject("__void_shared");
@@ -459,4 +466,4 @@ async function action(url, ...args) {
 	});
 }
 //#endregion
-export { useForm as a, Link as c, useNavigation as i, setActionRouter as n, useShared as o, useIslandForm as r, useRouter as s, action as t };
+export { useForm as a, useRouter as c, useNavigation as i, Link as l, setActionRouter as n, useShared as o, useIslandForm as r, useParams as s, action as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@void/vue",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/voidzero-dev/void.git",
@@ -44,12 +44,12 @@
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vite-plus": "^0.1.20",
     "vue": "^3.5.34",
-    "void": "0.7.4"
+    "void": "0.7.5"
   },
   "peerDependencies": {
     "vite": "npm:@voidzero-dev/vite-plus-core@0.1.20",
     "vue": "^3.5.0",
-    "void": "0.7.4"
+    "void": "0.7.5"
   },
   "scripts": {
     "build": "vp pack",