What is the correct way to forward events when using `<Route component={..}>`?

This issue has been tracked since 2021-04-25.

How to convert the following to <Route component={..}>?

<Button on:foo={fooHandler}/>

I tried the following but fooHandler was not called:

  <Router>
    <Route component={Button} on:foo={fooHandler} />
    <Route component={Button} onFoo={fooHandler} />
  </Router>

Here is a minimal code example:
https://codesandbox.io/s/lucid-archimedes-wem4x?file=/App.svelte

More Details About Repo
Owner Name EmilTholin
Repo Name svelte-routing
Full Name EmilTholin/svelte-routing
Language JavaScript
Created Date 2017-11-28
Updated Date 2022-12-03
Star Count 1711
Watcher Count 21
Fork Count 151
Issue Count 59

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date