<script>
import { onMount } from "svelte";
import { fetchLanguages } from "$lib/api";
- let languages;
+
+ let languages, fetchTime;
let complete = false;
onMount(async () => {
+ fetchTime = performance.now();
languages = await fetchLanguages();
+ fetchTime = performance.now() - fetchTime;
complete = true;
});
</script>
<ul>
{#each languages as language}
<li>
- {#if language === "C#"}
- <a href={"/language?language=C%23"}>C#</a>
- {:else}
- <a href={"/language?language=" + language}>
- {language}
- </a>
- {/if}
+ <a href={"/language?language=" + encodeURIComponent(language)}>
+ {language}
+ </a>
</li>
{/each}
</ul>
+
+ <p>Double fetch_time = {fetchTime}; /* ms */</p>
{/if}
</div>