Routable tabs not set to tab-active


I have a common tabbar as direct descendant of a f7-view:

<f7-view id="main-view" url="/" main>
<f7-toolbar tabbar labels>
      <f7-link tab-link tab-link-active href="/home/" text="Home"  route-tab-id="/home/"></f7-link>
      <f7-link tab-link tabs-routable href="/more/"  text="More"   route-tab-id="/more/" ></f7-link>

When I click one of the links, the correct ‘page’ is loaded/shown, but the tab-link-active class is not set. (if I set the class in custom code, everything works; but I thought F7vue would do that automatically?

Is there something missing?

I am using single-file components and routes, etc… are set-up and work fine.

Any hint appreciated