import { onMount } from "svelte";
import { fetchRandomImage } from "$lib/api";
- let image, fetchTime;
+ let image;
let complete = false;
onMount(async () => {
- fetchTime = performance.now();
image = (await fetchRandomImage()).image;
- fetchTime = performance.now() - fetchTime;
-
complete = true;
});
</script>
/>
</a>
</div>
- <small>Fetch time: {fetchTime}ms</small>
{/if}
<h2>Contributing</h2>
import { page } from "$app/stores";
let language = $page.url.searchParams.get("language");
- let images, fetchTime;
+ let images;
let complete = false;
onMount(async () => {
- fetchTime = performance.now();
images = await fetchImages(language);
- fetchTime = performance.now() - fetchTime;
complete = true;
});
</script>
</li>
{/each}
</ul>
- <small>Fetch time: {fetchTime}ms</small>
{/if}
</div>
<script>
import { onMount } from "svelte";
import { fetchLanguages } from "$lib/api";
-
- let languages, fetchTime;
+ let languages;
let complete = false;
onMount(async () => {
- fetchTime = performance.now();
languages = await fetchLanguages();
- fetchTime = performance.now() - fetchTime;
complete = true;
});
</script>
</li>
{/each}
</ul>
- <small>Fetch time: {fetchTime}ms</small>
{/if}
</div>