diff --git a/web/app/src/routes/+layout.svelte b/web/app/src/routes/+layout.svelte index 95ac25a..3e09f57 100644 --- a/web/app/src/routes/+layout.svelte +++ b/web/app/src/routes/+layout.svelte @@ -21,7 +21,7 @@ \ No newline at end of file diff --git a/web/app/src/routes/+page.svelte b/web/app/src/routes/+page.svelte index 6884781..50e9341 100644 --- a/web/app/src/routes/+page.svelte +++ b/web/app/src/routes/+page.svelte @@ -8,6 +8,7 @@ let searchTerms: string[] = $state([]); let postCount: number = $state(0); + let postCountLoaded: boolean = $state(false); const onTagChange = (value) => { searchTerms = value.detail.tags; @@ -30,6 +31,7 @@ const getCounts = async () => { const response = await getPostCount(); postCount = response.postCount; + postCountLoaded = true; }; onMount(() => { getCounts(); @@ -42,8 +44,8 @@
Shioriko
-Booru-style gallery written in Go and Svelte
+shioriko
+a booru-style gallery written in Go and Svelte
Serving {postCount} images
+ {#if postCountLoaded} +serving {postCount} images
+ {:else} +serving ... images
{/if}