@revojs/vue 0.1.56 → 0.1.57

package/dist/runtime/main.vue

@@ -1,5 +1,5 @@
 <template>
-    <Suspense>
+    <Suspense :key>
         <component :is="route" v-if="route" />
     </Suspense>
 </template>
@@ -10,12 +10,25 @@ import { isClient, Router, RouterContext, useUrl } from "revojs";
 import { computed, h, onErrorCaptured, onScopeDispose, shallowRef, type Component } from "vue";
 import { CLIENT_ERROR_CONTEXT, CLIENT_ROUTER_CONTEXT, NAVIGATE_HOOK, useScope } from "../client";
 
+const router = new Router<Component>();
+
 const scope = useScope();
 
 const error = shallowRef<Error>();
 const context = shallowRef<RouterContext<Component>>();
 
-const router = new Router<Component>();
+const key = computed(() => context.value?.segments.join("/"));
+
+const route = computed(() => {
+    if (!context.value?.route) {
+        return;
+    }
+
+    return context.value.hooks.reduceRight(
+        (previous, hook) => h(hook, null, { default: () => (error.value === undefined ? previous : undefined) }),
+        h(context.value.route),
+    );
+});
 
 for (const path in pages) {
     const segments = path.split("/");
@@ -33,20 +46,6 @@ for (const path in pages) {
     }
 }
 
-const route = computed(() => {
-    if (context.value?.route) {
-        const route = h(context.value.route);
-
-        return context.value.hooks.reduceRight(
-            (previous, hook) =>
-                h(hook, null, {
-                    default: () => (error.value === undefined ? previous : undefined),
-                }),
-            route,
-        );
-    }
-});
-
 const fetch = () => {
     const next = useUrl(scope);
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/vue",
-    "version": "0.1.56",
+    "version": "0.1.57",
     "license": "MIT",
     "repository": "tellua/revojs",
     "files": [