Basic routing using PageJS in svelte

App.svelte

<script lang="ts">
    import page from "page";
    import { setContext } from "svelte";
    import { parse } from "qs";
    import Index from "./routes/index.svelte";

    export let apiUrl: string;
    setContext<string>("apiUrl", apiUrl);

    let component: any, query: any, params: any;

    /**
     * Adds a route in PageJS.
     * @param path Route path
     * @param c The Svelte Component
     */
    function route(path: string, c: any) {
        page(path, (ctx) => {
            query = parse(ctx.querystring);
            params = ctx.params;

            component = c;
        });
    }

    route("/", Index);
    page.start();
</script>

<svelte:component this={component} {...{ query, params }} />

index.svelte

<script lang="ts">
    export let query = {};

    console.log(query);
</script>

<h1>Hello, world</h1>