diff --git a/demo/src/App.svelte b/demo/src/App.svelte index 73e1303..a3abe10 100644 --- a/demo/src/App.svelte +++ b/demo/src/App.svelte @@ -15,12 +15,12 @@ const timer = setTimeout(() => { showNavTooltip = true; }, 2000); - + // Hide tooltip after 10 seconds or when user interacts const hideTimer = setTimeout(() => { showNavTooltip = false; }, 12000); - + return () => { clearTimeout(timer); clearTimeout(hideTimer); @@ -31,33 +31,35 @@
- - {#snippet reference(ref)} - - {/snippet} - Use these navigation links to test-drive the routing capabilities of @wjfe/n-savant. - -
-
-
- - - - - - - - - - - - + {#snippet children(_, rs)} + + {#snippet reference(ref)} + + {/snippet} + Use these navigation links to test-drive the routing capabilities of @wjfe/n-savant. + +
+
+
+ + + + + + + + + + + + +
-
-
- !rs.home.match}> - - + + {#if !rs.home.match} + + {/if} + {/snippet}
diff --git a/demo/src/lib/NavBar.svelte b/demo/src/lib/NavBar.svelte index 3cabed2..d4cbc6b 100644 --- a/demo/src/lib/NavBar.svelte +++ b/demo/src/lib/NavBar.svelte @@ -4,9 +4,7 @@ import { routingMode } from './hash-routing'; import type { HTMLAttributes } from 'svelte/elements'; - let { - ...restProps - }: HTMLAttributes = $props(); + let { ...restProps }: HTMLAttributes = $props(); const pathRoutingLinks = [ { text: 'Home', href: '/path-routing' }, @@ -62,32 +60,45 @@