Nested Routable routes do not implement FromStr and Display traits

[voidpumpkin]

Problem
Nested Routable routes do not implement FromStr and Display traits

Steps To Reproduce
Steps to reproduce the behavior:

1. Use this simple small crate https://github.com/voidpumpkin/yew-playground/tree/nested-router
2. Does not build

Expected behavior
Builds

Screenshots
N/A

Environment:

• Yew version: [master]
• Rust version: [1.55.0]
• Target, if relevant: [wasm32-unknown-unknown]
• Build tool, if relevant: -
• OS, if relevant: -
• Browser and version, if relevant: -

Questionnaire

• I'm interested in fixing this myself but don't know where to start
• I would like to fix and I have a solution
• I don't have time to fix this right now, but maybe later

[mc1098]

This seems to be related to #1853. I would have to look at it bit more to provide a more useful comment sorry 🙏.

Thank you for the issue and the repo, always makes it easier to see the code causing the issue and gives a point to check back with to confirm this issue is resolved :)

[mc1098]

The current design of yew-router is not to be nested in this way - so instead of trying to nest a route enum within another you would direct to another component that itself had a router component in and so forth :)

Here is an example of this:

use yew_router::prelude::*;

use yew::prelude::*;

#[derive(Clone, Routable)]
pub enum Route {
    #[at("/")]
    Home,
    #[at("/child/:rest")]
    Child,
}

pub struct Parent;

impl Component for Parent {
    type Message = ();
    type Properties = ();

    fn create(__ctx: &Context<Self>) -> Self {
        Self
    }

    fn view(&self, __ctx: &Context<Self>) -> Html {
        html! {
            <Router<Route> render={Router::render(switch)} />
        }
    }
}

fn switch(route: &Route) -> Html {
    match route {
        Route::Home => html! { {"Home"} },
        Route::Child => html! { <Child /> },
    }
}

#[derive(Clone, Routable)]
pub enum ChildRouter {
    #[at("/child/a")]
    A,
    #[at("/child/b")]
    B,
}

pub struct Child;

impl Component for Child {
    type Message = ();
    type Properties = ();

    fn create(_ctx: &Context<Self>) -> Self {
        Self
    }

    fn view(&self, _ctx: &Context<Self>) -> Html {
        html! {
            <Router<ChildRouter> render={Router::render(child_switch)} />
        }
    }
}

fn child_switch(route: &ChildRouter) -> Html {
    match route {
        ChildRouter::A => html! { {"A"} },
        ChildRouter::B => html! { {"B"} },
    }
}

This is still bit awkward because currently the router doesn't take into account nesting so will still want to match on the full pathname and I think that is where #1853 comes in.

[voidpumpkin]

@mc1098 Thanks for looking into this. This solution will work for me for now.