sv-router 0.8.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sv-router",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "Modern Svelte Routing",
   "keywords": [
     "svelte",

package/src/RecursiveComponentTree.svelte

@@ -1,5 +1,4 @@
 <script>
-	import { params } from './create-router.svelte.js';
 	import RecursiveComponentTree from './RecursiveComponentTree.svelte';
 
 	/** @type {{ tree: import('svelte').Component[] }} */
@@ -9,10 +8,8 @@
 	const restTree = $derived(tree.slice(1));
 </script>
 
-{#key restTree.length > 0 || Object.values(params.value)}
-	<FirstComponent>
-		{#if restTree.length > 0}
-			<RecursiveComponentTree tree={restTree}></RecursiveComponentTree>
-		{/if}
-	</FirstComponent>
-{/key}
+<FirstComponent>
+	{#if restTree.length > 0}
+		<RecursiveComponentTree tree={restTree}></RecursiveComponentTree>
+	{/if}
+</FirstComponent>

package/src/create-router.svelte.js

@@ -22,11 +22,11 @@ export const base = {
 /** @type {{ value: import('svelte').Component[] }} */
 export let componentTree = $state({ value: [] });
 
-/** @type {{ value: Record<string, string> }} */
-export let params = $state({ value: {} });
-
 export let location = $state(updatedLocation());
 
+/** @type {{ value: Record<string, string> }} */
+let params = $state({ value: {} });
+
 let meta = $state({ value: {} });
 
 let navigationIndex = 0;

package/src/helpers/match-route.js

@@ -67,6 +67,7 @@ export function matchRoute(pathname, routes) {
 				}
 				if (breakFromLayouts) {
 					routePart = `(${routePart})`;
+					layouts = [];
 				} else if ('layout' in routes && routes.layout) {
 					layouts.push(routes.layout);
 				}