How to implement a fallback route for 404/NotFound

I see closed issues related to a fallback/404 route but I can’t see how to implement it; I’m getting errors trying to use RouterSwitch

[jthoms1]

@stencil/router 0.1.0 published 🎉

We have introduced a Router Switch. Please refer to the following link for how to use it. This also includes the ability to use a 404 fallback route.

1. Import the RouterSwitch.

import { RouterSwitch } from '@stencil/router';

1. Wrap your routes with the Switch.

<stencil-router>
    <RouterSwitch>
        <stencil-route url="/" component="landing-page" exact={true} />
        <stencil-route url="/demos" component="demos-page" />
        <stencil-route url="/other" component="other-page" />
    </RouterSwitch>
</stencil-router>

1. Add a route as the last item in the list and do not give it a url to match on.

<stencil-router>
    <RouterSwitch>
        <stencil-route url="/" component="landing-page" exact={true} />
        <stencil-route url="/demos" component="demos-page" />
        <stencil-route url="/other" component="other-page" />
        <stencil-route component="page-not-found" />
    </RouterSwitch>
</stencil-router>

An example of the full implementation can be seen here in the stenciljs.com src. https://github.com/ionic-team/stencil-site/blob/master/src/components/stencil-site/stencil-site.tsx

[jgalley]

+1! We require a 404 route too please