Nested Routing does not seem to work for me.

[dikkadev]

To improve how my site works (sidebar + workspace area) I want to use context in the URL and nested routing to load the correct data for the workspace. I’ve tried around a bit without anything working, then tried to use the example from the book.

<Router>
    <main class="text-slate-100 bg-black flex flex-row h-screen w-screen select-anaheim">
        <Routes>
            <Route path="/contacts" view=|cx| view! { cx, "list" }>
                <Route path=":id" view=|cx| view! { cx, "info" }/>
                <Route path="" view=|cx| view! { cx, "nothing" }/>
            </Route>
            //... routes for login and create
        </Routes>
    </main>
</Router>

Behavior:

route	expected	actual
/contacts	list	list	✓
/contacts/cool	list cool	list	✗
/contacts/	list nothing	404	✗

I am currently running with commit 1d7235d. I get the same behavior with 0.3.1

[gbj]

Your parent route doesn't have an <Outlet/> component so it doesn't show the child anywhere.

[dikkadev]

One would think over time you learn to read stuff twice or more before asking questions, instead of skimming over it and thinking you got it :). Somehow I thought that an <Outlet/> was optional, and the children would be put at the end if it wasn't there.