diff options
| author | mat <github@matdoes.dev> | 2022-03-18 22:55:50 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-18 22:55:50 -0500 |
| commit | c2e7110c459c18248c4e391a281007805d9778fe (patch) | |
| tree | 2f98a937a5e8ecd62485b27cd5a4c298f56adc81 | |
| parent | ad44db86285099ebcde7b3e5c7a3a1e5d503c596 (diff) | |
| download | skyblock-stats-c2e7110c459c18248c4e391a281007805d9778fe.tar.gz skyblock-stats-c2e7110c459c18248c4e391a281007805d9778fe.tar.bz2 skyblock-stats-c2e7110c459c18248c4e391a281007805d9778fe.zip | |
fix loader
| -rw-r--r-- | src/lib/layout/Loader.svelte | 17 |
1 files changed, 12 insertions, 5 deletions
diff --git a/src/lib/layout/Loader.svelte b/src/lib/layout/Loader.svelte index 901a780..3884e55 100644 --- a/src/lib/layout/Loader.svelte +++ b/src/lib/layout/Loader.svelte @@ -1,4 +1,7 @@ <script lang="ts"> + import { browser } from '$app/env' + import { navigating } from '$app/stores' + let progress = 0 let widthTransitionDuration = 1000 @@ -20,12 +23,16 @@ progress = 0 }, 300) } -</script> -<svelte:window - on:sveltekit:navigation-start={navigationStart} - on:sveltekit:navigation-end={navigationEnd} -/> + let currentUrl: string | undefined = '' + navigating.subscribe(() => { + if (browser && $navigating?.to?.toString() !== currentUrl) { + if ($navigating) navigationStart() + else navigationEnd() + currentUrl = $navigating?.to?.toString() + } + }) +</script> <div id="loader" |