Skip to content

chore: Minor demo updates #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 2, 2025
Merged

chore: Minor demo updates #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion demo/src/App.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@

let showNavTooltip = $state(false);

// Show toolti<p after a short delay when app loads
// Show tooltip after a short delay when app loads
$effect(() => {
const timer = setTimeout(() => {
showNavTooltip = true;
Expand Down
8 changes: 4 additions & 4 deletions demo/src/lib/views/hash-routing/HashRoutingView.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@
<small><strong>Parsed routes:</strong></small>
<ul class="mb-0 mt-1">
{#each Object.entries(parsedRoutes) as [key, value]}
<li><code>{key}</code>: <span class="text-info">{value || '(empty)'}</span></li>
<li><code>{key}</code>: <span class="text-success">{value || '(empty)'}</span></li>
{/each}
</ul>
</div>
Expand Down Expand Up @@ -335,7 +335,7 @@
</div>
{#if parsedRoutes.main}
<div class="mt-2">
<small><strong>Current route:</strong> <span class="text-info">{parsedRoutes.main}</span></small>
<small><strong>Current route:</strong> <span class="text-success">{parsedRoutes.main}</span></small>
</div>
{/if}
<div class="mt-3">
Expand Down Expand Up @@ -380,8 +380,8 @@
<div class="alert alert-info mt-3">
<strong>💡 Key points:</strong>
<ul class="mb-0 mt-2">
<li><code>location.url.hash</code> is reactive and updates automatically</li>
<li><code>location.hashPaths</code> provides parsed hash routes</li>
<li><code>location.url.hash</code> <span class="badge bg-success">reactive</span> updates automatically</li>
<li><code>location.hashPaths</code> <span class="badge bg-success">reactive</span> provides parsed hash routes</li>
<li><code>$derived()</code> creates reactive computed values</li>
<li><strong>✨ No manual event listeners needed!</strong></li>
</ul>
Expand Down
2 changes: 1 addition & 1 deletion demo/src/lib/views/path-routing/views/HomeView.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -290,7 +290,7 @@
<div class="alert alert-primary text-center">
<h4>🎮 Ready to Try Path Routing?</h4>
<p class="mb-3">
Click the "Demo" link in the navigation above to see path routing in action!
Click the "Start Demo" link in the navigation above to see path routing in action!
Watch how the URL changes as you navigate between different sections.
</p>
<p class="mb-0">
Expand Down