feat: loading view

This commit is contained in:
Damillora 2024-11-22 02:31:51 +07:00
parent 93ac2532bb
commit aa1e9bad14
3 changed files with 13 additions and 8 deletions

14
package-lock.json generated
View File

@ -8,7 +8,7 @@
"name": "~TODO~", "name": "~TODO~",
"version": "0.0.1", "version": "0.0.1",
"dependencies": { "dependencies": {
"@damillora/plachta": "^6.2.0", "@damillora/plachta": "^6.3.0",
"dayjs": "^1.11.7", "dayjs": "^1.11.7",
"howler": "^2.2.3", "howler": "^2.2.3",
"sass": "^1.58.0" "sass": "^1.58.0"
@ -148,9 +148,9 @@
} }
}, },
"node_modules/@damillora/plachta": { "node_modules/@damillora/plachta": {
"version": "6.2.0", "version": "6.3.0",
"resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.2.0.tgz", "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.3.0.tgz",
"integrity": "sha512-wWveoCD7J/G4EieiuLHGpuPqYmg93OVWwHheTxuN2S2EMh5FWrGHdPh66VapneKV9ni6E0kR1TVDz1MGCyT/dw==", "integrity": "sha512-cRjdAHnlprh9SSTg45QtWinom0+TisuJ4zB+lAWJDHqa1fxMqLgc6OKDcrXFbEn9rxICY8vSMv17Iwol/yocFA==",
"dependencies": { "dependencies": {
"svelte": "^5.0.0" "svelte": "^5.0.0"
} }
@ -4035,9 +4035,9 @@
} }
}, },
"@damillora/plachta": { "@damillora/plachta": {
"version": "6.2.0", "version": "6.3.0",
"resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.2.0.tgz", "resolved": "https://registry.npmjs.org/@damillora/plachta/-/plachta-6.3.0.tgz",
"integrity": "sha512-wWveoCD7J/G4EieiuLHGpuPqYmg93OVWwHheTxuN2S2EMh5FWrGHdPh66VapneKV9ni6E0kR1TVDz1MGCyT/dw==", "integrity": "sha512-cRjdAHnlprh9SSTg45QtWinom0+TisuJ4zB+lAWJDHqa1fxMqLgc6OKDcrXFbEn9rxICY8vSMv17Iwol/yocFA==",
"requires": { "requires": {
"svelte": "^5.0.0" "svelte": "^5.0.0"
} }

View File

@ -27,7 +27,7 @@
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"@damillora/plachta": "^6.2.0", "@damillora/plachta": "^6.3.0",
"dayjs": "^1.11.7", "dayjs": "^1.11.7",
"howler": "^2.2.3", "howler": "^2.2.3",
"sass": "^1.58.0" "sass": "^1.58.0"

View File

@ -15,6 +15,9 @@
} }
let { children }: Props = $props(); let { children }: Props = $props();
let loading = $state(true);
navigating.subscribe((x) => (loading = x != null));
</script> </script>
<Base> <Base>
@ -33,5 +36,7 @@
<FloatingYuriko /> <FloatingYuriko />
{/if} {/if}
<NavigationLoading {loading}/>
<style lang="scss" global> <style lang="scss" global>
</style> </style>