[Vue] <f7-link> href can't start with #!

Hi, I’m building a web app using Vue and framework7-vue, and I have a question about f7-link.

For now,

<f7-link href="/home"></f7-link>

is render to

<a href="/home"></a>

The problem is when user open this link in new browser tab, it will open http://abc.com/home, not http://abc.com/#!/home

I tried

 <f7-link href="#!/home"></f7-link>

but this make routing don’t work.