@revojs/vue 0.1.8 → 0.1.10

package/dist/client/index.d.ts

@@ -18,5 +18,6 @@ declare function useFetch<T, TError = Error>(scope: Scope, input: string | URL,
   isLoading: Ref<boolean, boolean>;
   execute: (options?: AsyncOptions<TError> | undefined) => Promise<T | undefined>;
 };
+declare function navigate(scope: Scope, path: string): void;
 //#endregion
-export { AsyncOptions, useAsync, useFetch, useScope, useState };
+export { AsyncOptions, navigate, useAsync, useFetch, useScope, useState };

package/dist/client/index.js

@@ -1,5 +1,6 @@
-import { $fetch, getState, setState } from "../dist-DM3hv3cX.js";
+import { $fetch, getState, sendRedirect, setState } from "../dist-iR83EkEu.js";
 import { inject, onServerPrefetch, ref, watch } from "vue";
+import { useRouter } from "vue-router";
 
 //#region src/client/index.ts
 function useScope() {
@@ -38,6 +39,10 @@ function useAsync(scope, name, invoke, defaultOptions) {
 function useFetch(scope, input, options) {
 	return useAsync(scope, input.toString(), () => $fetch(scope, input, options), options);
 }
+function navigate(scope, path) {
+	if (import.meta.server) throw sendRedirect(scope, path);
+	else useRouter().push(path);
+}
 
 //#endregion
-export { useAsync, useFetch, useScope, useState };
+export { navigate, useAsync, useFetch, useScope, useState };

package/dist/{dist-DM3hv3cX.js → dist-iR83EkEu.js}

@@ -26,6 +26,12 @@ function setState(scope, name, value) {
 		STATES[name] = value;
 	}
 }
+function sendRedirect(scope, path, config) {
+	const { response } = useServer(scope);
+	response.status = 302;
+	response.headers.set("Location", path);
+	return new Response(null, mergeObjects(response, config));
+}
 const ROUTER_CONTEXT = defineContext("ROUTER_CONTEXT");
 const SERVER_CONTEXT = defineContext("SERVER_CONTEXT");
 let STATES;
@@ -64,6 +70,19 @@ var Scope = class extends EventTarget {
 function defineContext(name) {
 	return name;
 }
+function mergeObjects(base, input) {
+	if (input === null || input === void 0) return mergeObjects(base, {});
+	const object = Object.assign({}, input);
+	for (const key in base) {
+		if (key === "__proto__" || key === "constructor") continue;
+		const value = base[key];
+		if (value === null || value === void 0) continue;
+		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
+		else if (typeof value === "object" && typeof object[key] === "object") object[key] = mergeObjects(value, object[key]);
+		else object[key] = value;
+	}
+	return object;
+}
 async function $fetch(scope, input, options) {
 	let response;
 	if (import.meta.server) {
@@ -86,4 +105,4 @@ async function $fetch(scope, input, options) {
 }
 
 //#endregion
-export { $fetch, getState, setState };
+export { $fetch, getState, sendRedirect, setState };

package/dist/index.js

@@ -1,4 +1,4 @@
-import "./dist-DM3hv3cX.js";
+import "./dist-iR83EkEu.js";
 import { addAssets, addRoutes, useKit } from "@revojs/kit";
 
 //#region src/index.ts

package/dist/module/app.ts

@@ -53,6 +53,8 @@ export default async (scope: Scope) => {
 
     const app = createSSRApp(Main).use(router).provide("REVOJS_SCOPE", scope);
 
+    app.config.throwUnhandledErrorInProduction = true;
+
     if (import.meta.server) {
         const { pathname } = useUrl(scope);
 

package/dist/module/main.vue

@@ -1,10 +1,7 @@
 <template>
-    <Suspense>
-        <RouterView />
-    </Suspense>
+    <RouterView />
 </template>
 
 <script setup lang="ts">
-import { Suspense } from "vue";
 import { RouterView } from "vue-router";
 </script>

package/dist/module/routes/[...]/index.get.ts

@@ -7,13 +7,22 @@ export default defineRoute({
     async fetch(scope) {
         const { states } = useServer(scope);
 
+        const app = await createApp(scope);
+
+        let exception;
+        app.config.errorHandler = (value) => (exception = value);
+
         const content = client
-            .replace("<!-- MAIN -->", await renderToString(await createApp(scope)))
+            .replace("<!-- MAIN -->", await renderToString(app))
             .replace(
                 "<!-- STATES -->",
                 "<script id='STATES' type='application/json'>" + JSON.stringify(states) + "</script>"
             );
 
+        if (exception) {
+            throw exception;
+        }
+
         return sendHtml(scope, content);
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/vue",
-    "version": "0.1.8",
+    "version": "0.1.10",
     "type": "module",
     "repository": "coverbase/revojs",
     "license": "MIT",