isActive not working as expected with v-slot API

[jakedohm]

Reproduction

https://github.com/jakedohm/router-link-slot-bug-reproduction

Expectation

When I use the v-slot API on a router-link, I'm able to use the isActive property to set classes on the link, like so:

<router-link
  v-slot="{ isActive }"
  :class="[isActive ? 'bg-red' : 'bg-blue']"
  active-class="underline"
  to="/"
  >Home</router-link
>

What's really happening

The isActive property doesn't appear to be set on initial render, causing the bg-blue class to always be set, even if that link is active. Vue throws this warning:

[vue-bot]

Hello, thank you for taking time filling this issue!

However, we kindly ask you to use our Issue Helper when creating new issues, in order to ensure every issue provides the necessary information for us to investigate. This explains why your issue has been automatically closed by me (your robot friend!).

I hope to see your helper-created issue very soon!

[posva]

@jakedohm when you use v-slot, the data is available on the children of the component, you need to create the a tag and add the different attributes yourself