V3: Route nesting specs

[molefrog]

/** Route nesting proposal **/

// 1. Routes always match the full path, unless it is used as parent route
// 2. When nested route is defined, current location becomes scoped 

<Router base="/app">
  <Route path="/users/:id" nest> // base="/app"           location="/users/1"
    <Route path="/bio" />        // base="/app/users/1"   location="/bio"
    <Route path="/logs" />       // base="/app/users/1"   location="/logs"
   
    <Route hook={customHook} />  // base="/"
    <Route base="/new" />        // base="/app/users/new" (Router)
  </Route>

  <Switch>
    <Route path="/settings" />
    <Route path="/account" nest> // needs to match loose
      <Route path="/2fa" />
    </Route>
  </Switch>
</Router>

Breaking changes:

• Router no longer accepts parent prop
• Base is inherited from the parent router by default

[github-actions]

size-limit report 📦

Path	Size
packages/wouter/esm/index.js	1.39 KB (0%)
packages/wouter/esm/use-location.js	664 B (0%)
packages/wouter-preact/esm/index.js	912 B (0%)
packages/wouter-preact/esm/use-location.js	200 B (0%)