I've just come across a strange issue and I'm not sure how to resolve it.
Here's a sample of some route config:

```
routes: [
  {
    path: '/signin',
    name: 'signin',
    component: SignIn
  },
  {
    path: '/message/:messageType',
    name: 'message',
    component: Message,
    props: true
  }
]

```

Navigating to the various routes works perfectly, however the problem comes in when I'm on the Message component and try to navigate to any other route. My url would look like this:

> 
> <https://localhost:8080/message/somemessage>
> 
> 
> 

When I click the Sign In link, I get this path:

> 
> <https://localhost:8080/message/signin>
> 
> 
> 

instead of

> 
> <https://localhost:8080/signin>
> 
> 
> 

I'm using the regular router-link:

```
<router-link to="signin">Sign In</router-link>

```

I get that it's matching on the closest route, but this is a problem for me.