Dynamic routes with f7-link

Hi I have a route like:
{
name: ‘event-page’,
path: ‘/event/:id’,
component: EventPage,
},

But I can’t find a way to pass the ID when using f7-link e.g.:

<f7-link href="/event/${id}">

This just outpus a tag with an href of exactly “/event/${id}”. How can I pass the ID with f7-link? Also are named routes supported like with vue router?