Query parameters are not encoded

[CherryDT]

<RouterLink to={{ name: 'test', query: { a: 'x&b=2' } }}>Click</RouterLink>

This will create a bad URL like /test?a=x&b=2 (which will actually set { a: 'x', b: '2' }) instead of the expected URL /test?a=x%26b%3D2.

On the other hand, the query in route.query also isn't decoded. Both would need to be done to fix this issue.