Svelte · Junior · Question 72 of 76

How do you read the current URL or route params in a SvelteKit component?

<script>
  import { page } from "$app/state";
</script>

<p>{page.url.pathname}</p>

✓Correct answer: Import page from $app/state and read page.url, page.params, page.data
2Use window.location during SSR
3Read $page from $app/stores (the only way)

Explanation

$app/state gives reactive values. $app/stores was the old store-based API; it was deprecated and removed in SvelteKit 3.

Further reading

Test yourself

Take the Svelte · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.