aiolabs/sollunar-pitch
9
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(deck): deep links land on the right slide without a flash

Browse source 
Seed the slide index from the URL hash synchronously at setup instead of
after mount, so opening …/#/7 renders slide 7 immediately (no flash of
slide 1 and no on-load transition).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-07-31 18:06:56 +02:00
commit 49ad78360a
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/deck/useDeck.ts
View file

@ -12,7 +12,9 @@ export function useDeck(total: number) {
return m ? clamp(parseInt(m[1], 10) - 1) : 0 return m ? clamp(parseInt(m[1], 10) - 1) : 0
} }
const index = ref(0) // seed from the hash synchronously so deep links (…/#/7) land on the right
// slide at first paint — no flash of slide 1 and no on-load transition.
const index = ref(readHash())
const direction = ref<1 | -1>(1) const direction = ref<1 | -1>(1)
function goto(n: number) { function goto(n: number) {
@ -43,7 +45,6 @@ export function useDeck(total: number) {
} }
onMounted(() => { onMounted(() => {
index.value = readHash()
if (!window.location.hash) window.location.hash = '#/1' if (!window.location.hash) window.location.hash = '#/1'
window.addEventListener('keydown', onKey) window.addEventListener('keydown', onKey)
window.addEventListener('hashchange', onHash) window.addEventListener('hashchange', onHash)