Configurable Product Child SKU is not updated on Config Change with urlDispatcher enables

[domideimel]

Current behavior

When you change a configuration of a configurable product and have seo.urlDispatcher enabled, the param of the url is not updated. This causes a miscalculation of a discount calculation and prices not updating correctly.

The url behavior can be reproduced by simply changing the color or size of the product in the demo instance: https://demo.vuestorefront.io/tristan-endurance-tank.html?childSku=MT02-XS-Red

Expected behavior

To update the url properly with the correct child sku

Steps to reproduce the issue

Simply change the color of the color or size of the product: https://demo.vuestorefront.io/tristan-endurance-tank.html?childSku=MT02-XS-Red

Version of Vue Storefront

• Vue Storefront
• Vue Storefront Next

Can you handle fixing this bug by yourself?

• YES
• NO

Which Release Cycle state this refers to? Info for developer. (doesn't apply to Next)

Pick one option.

• This is a bug report for test version on https://test.storefrontcloud.io - In this case Developer should create branch from develop branch and create Pull Request 2. Feature / Improvement back to develop.
• This is a bug report for current Release Candidate version on https://next.storefrontcloud.io - In this case Developer should create branch from release branch and create Pull Request 3. Stabilisation fix back to release.
• This is a bug report for current Stable version on https://demo.storefrontcloud.io and should be placed in next stable version hotfix - In this case Developer should create branch from hotfix or master branch and create Pull Request 4. Hotfix back to hotfix.

Environment details

• Browser: Chrome 92
• OS: MacOS 11.4
• Node: v12.17.0
• Code Version: 1.12.3

Additional information