Implement a way to define a route-link as active based on query string

[blikblum]

Resources:
Before submitting an issue, please consult our docs.

Stencil version: (run npm list @stencil/core from a terminal/cmd prompt and paste output below):

@stencil/router: 1.0.1

I'm submitting a ... (check one with "x")
[ ] bug report
[x] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com

Current behavior:

Is not possible to toggle active state from a stencil-route-link based on the query string value.
urlMatch or url are always matched against pathname which does not include the query string

Expected behavior:

Implement an interface to set active state based on query string

react-router implements isActive callback for this feature

Steps to reproduce:

Try to toggle active state on query change without changing the path:

<stencil-route-link 
          url-match="/?tab=feed"
          url="/?tab=feed"
          >Your Feed
</stencil-route-link >

The above link will be marked active when url is "/?tab=feed" or "/?tab=all". There's no way to make only active only when url is "/?tab=feed".

Related code:

exact param does not change the behavior thus is different from #67

I'm trying to convert a React project to web component: https://github.com/gothinkster/react-mobx-realworld-example-app/blob/master/src/pages/Home/MainView.js#L13

Other information: