v3: link with as child pattern

[jeetiss]

<Link asChild /> feature

usage

// right

<Link to='href' ref={ref}>
  link
</Link>

<Link to='href' ref={ref} className={'hello'}>
  link
</Link>

<Link to='href' asChild>
  <Button>hello world</Button>
</Link>

<Link to='href' asChild>
  <Button ref={ref}>hello world</Button>
</Link>

// wrong

<Link to='href' asChild ref={ref} className={'noo'}>
  <Button ref={ref}>hello world</Button>
</Link>

<Link to='href' asChild>
  text
</Link>

[codesandbox[bot]]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders
Open Preview

[stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[github-actions[bot]]

size-limit report 📦

Path	Size
packages/wouter/esm/index.js	2.08 KB (+1.1% 🔺)
packages/wouter/esm/use-browser-location.js	658 B (0%)
packages/wouter/esm/memory-location.js	836 B (0%)
packages/wouter/esm/use-hash-location.js	734 B (0%)
packages/wouter-preact/esm/index.js	1.97 KB (+1.11% 🔺)
packages/wouter-preact/esm/use-browser-location.js	553 B (0%)
packages/wouter-preact/esm/use-hash-location.js	609 B (0%)
packages/wouter-preact/esm/memory-location.js	703 B (0%)

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (cb714ce) 0.00% compared to head (e5e9e04) 100.00%. Report is 1 commits behind head on v3.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## v3 #378 +/- ## ========================================= + Coverage 0 100.00% +100.00% ========================================= Files 0 1 +1 Lines 0 1 +1 ========================================= + Hits 0 1 +1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.