tibi-svelte-starter/src/components/App.svelte

<script lang="ts">
    import { Router, Route } from "svelte-routing"
    import { scrollToTop } from "svelte-scrollto"
    import { location } from "../store"

    import Home from "./routes/Home.svelte"
    import Content from "./routes/Content.svelte"

    import Header from "./widgets/Header.svelte"
    import Footer from "./widgets/Footer.svelte"

    export let url = ""
    if (url) {
        // ssr
        let l = url.split("?")
        $location = {
            path: l[0],
            search: l.length > 1 ? l[1] : "",
            push: false,
            pop: false,
        }
    }

    // scroll to top on new site
    location.subscribe((l) => {
        if (l.push) scrollToTop()
    })

    if (typeof window !== "undefined") console.log("App initialized")
</script>

<Header />

<div>
    <Router url="{url}">
        <Route path="/" let:params>
            <Home />
        </Route>
        <Route path="/*path" let:params>
            <Content path="/{params.path}" />
        </Route>
    </Router>
</div>

<Footer />

<style lang="less" global>
    @import "./../css/main.less";
</style>